最小高度的相容設定方法
正常專案中：最小高度直接用min-height即可。
如果考慮相容：min-height ie6不相容。 ie6預設把height解析成最小高度
注：如果height 和 min-height同是出現，執行height固定高度
最小高度的相容設定方法：（了解：體會的是解決相容的思路）
1: min-height:300px;_height:300px;
2: min-height:300px;height:auto!important;height:300px;
a: 高版本瀏覽器解析順序：
min-height能識別，也能識別！important 所有height:auto;權重最高，height:auto 就能把height:300px覆蓋。
b:ie6解析流程：
min-height不能識別，也不能識別！important , 後寫的height:300px;能把height:auto覆蓋，
過濾器：
1：下劃線過濾器（ie6過濾器）
語法：_屬性：屬性值：
只有ie6能識別帶有下劃線的屬性。
2: !important (ie6不識別)
語法：屬性：屬性值!important;
屬性過濾器
當在乙個屬性前面增加了後，該屬性只能被ie7瀏覽器識別，其它瀏覽器混略該屬性的作用。
語法：選擇符
\9 ：ie版本識別；其它瀏覽器都不識別
語法：選擇符
\0 : ie8 及以上版本識別；其它瀏覽器都不識別
高度塌陷
高度塌陷出現的場景：
當子元素有浮動，父元素沒有高度的時候，父元素會出現高度塌陷
注：浮動的子元素不會撐開父元素的 height 或者是 min-height。
解決高度塌陷的方法：
1：給出現高度塌陷的元素新增：overflow:hidden;
原理：overflow:hidden;觸發了乙個 bfc(布局邏輯)
bfc規定：計算bfc高度時候，浮動元素也參與計算。
弊端：隱藏掉定位在當前元素外圍的內容。
2：在浮動元素的下方（同級）新增乙個空的div，給div設定樣式
div原理：新增的空div新增了clear：both;忽略上方同級新增浮動的元素留出的空間。在父元素最底下顯示，撐開父元素高度。
弊端：形成**的冗餘（出現高度塌陷，新增乙個div）
3：萬能清除法：
.clear_fix:after
clear_fix
以下**分別是三種解決辦法
第一種
第二種
第三種
三種方法所呈現的效果是一樣的。
偽物件選擇符
3: 元素選擇符
::first-letter
說明：控制第乙個字元的樣式
4: 元素選擇符
::first-line
說明：控制第一行的樣式
高度自適應的兩種情況
第一種情況
高度自適應第一種情況：
1：高度不去設定，或者高度設定auto 內容撐開父元素的高度。
2：內容撐開父元素的高度 -> 最小高度的設定 min-height
3: 浮動元素新增高度自適應 -> 新增浮動元素的父元素沒有高度，會出現高度塌陷
4：高度塌陷的解決方案
（1） 新增overflow:hidden;
原理：觸發bfc
弊端：隱藏掉定位在元素外面的內容。
（2）給浮動的元素的下方新增空div 並且設定樣式
原理：clear:both; 忽略上方浮動元素留出的空間 【閉合浮動】
弊端：反覆新增空div 會形成**的冗餘
（3）萬能清除法：
.clear_fix:after
.clear_fix
5: 高度自適應的應用!!!
第二種情況
高度自適應第二種情況：讓子元素高度隨著父元素高度進行改變。
需求：讓乙個元素在瀏覽器視窗完全鋪滿：
前提條件：
body,html
寬高自適應
網頁布局中經常要定義元素的寬和高。但是很多時候我們希望元素的大小能夠根據視窗或子元素自動調整，這就是自適應 元素自適應在網頁布局中非常重要，他能夠使網頁顯示更加靈活，可以適應在不同裝置 不同視窗和不同解析度下顯示 1.寬度自適應 元素寬度設定為100 塊元素寬度預設為100 2.元素具備最小高度的自...
寬高自適應
寬高自適應 靈活 網頁布局中經常要定義元素的寬和高。但很多時候我們希望元素的大小能夠根據視窗或子元素自動調整，這就是pc自適應。自適應的優點 元素自適應在網頁布局中非常重要，它能夠使網頁顯示更靈活，可以適應在不同裝置 不同視窗和不同解析度下顯示。一 相對視窗和父元素的自適應寫法 寬度 width 1...
寬高自適應
寬高自適應可以使得網頁更加靈活，適應在不同的裝置不同解析度下。一 pc端寬高自適應 相對視窗或者父元素的自適應情況 寬度自適應 width 100 預設情況下，不新增定位時 寬度自適應的比例，是參照父元素的寬度進行顯示的，也就是說，如果元素的父元素是整個頁面的話，顯示的時候就是鋪滿整個螢幕 如果當父...