該需求**一次面試題。
ie6不認識!important宣告，ie7、ie8、firefox、chrome等瀏覽器認識；而在怪異模式中，ie6/7/8都不認識!important宣告，這只是區別的一種，還有很多其它區別。所以，要想寫出跨瀏覽器的css，你必須採用標準模式。好像太絕對了，呵呵。好吧，要想寫出跨瀏覽器css，你最好採用標準模式。目前能夠找到的有兩種方案：
vh,是css中的相對長度單位，表示相對視口高度(viewport).原理1: 子元素通過父元素的 指定寬高，設定百分比繼承父元素的寬高。
原理2: web瀏覽器在計算有效寬度的時候會考慮瀏覽器視窗的開啟高度，如果不給寬度設定任何預設值，則瀏覽器自動鋪滿橫向寬度。但高度計算方法不一樣。瀏覽器根本不計算內容的高度換句話說。瀏覽器：width:100%;height:auto;
1.怪異模式下，body 可以作為根元素。2.標準模式下，html 才是根節點。
有通常我們都推薦 標準模式。也就是說，我們需要通過設定html
css
html,body
body
該方法需要 ie9 以上。原理：vh是相當於視窗的高度(滿高是100vh)。vw是相當於視窗的寬度(滿寬是100vw)。 瀏覽器內部可視區域。
window.innerwidth
張鑫旭大佬部落格
CSS 頁面高度自適應鋪滿螢幕
html 包括三部分，乙個是包裹整個的div，乙個是上半部分的div，乙個是下半部分的div 上部分 下部分 css 實現效果主要依賴於css的display屬性，設定為 display webkit flex 目前支援的瀏覽器有ie10 和較新版本的firefox chrome。pannel的he...
如何解決 css高度塌陷問題
今天分享一下我的css筆記，對於一些難點，我都會編輯在筆記docx上，這是我第一天發表的，希望以後我都會繼續分享一些前端的技術難點，供大家一起討論 css高度塌陷問題 提出問題 子元素脫離文件流後，父元素高度會出現塌陷，造成布局混亂 解決問題 根據w3c標準，頁面中元素都有乙個隱含屬性bfc blo...
css中如何固定元素的寬度和高度
直接開門見山啦，請看下面 與效果 one two style head class one 固定高寬值div class two 高寬值加上了padding border值，不包括margindiv body box sizing content box 預設值 border box 1.conte...