一.如果考慮相容最小高度的設定（了解）
1.正常專案中：最小高度直接用min-height即可。
如果考慮相容：min-height 在ie6不相容， ie6預設把height解析成最小高度。
注：如果height 和 min-height同是出現，執行height固定高度。
2.最小高度的相容設定方法：（了解：體會的是解決相容的思路）
問題分析：只讓ie6識別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覆蓋。
3.過濾器：
（1）：下劃線過濾器（ie6過濾器）
語法： _屬性：屬性值：
只有ie6能識別帶有下劃線的屬性。
（2）: !important (ie6不識別)
語法： 屬性：屬性值!important;
（3）屬性過濾器
當在乙個屬性前面增加了*後，該屬性只能被ie7瀏覽器識別，其它瀏覽器混略該屬性的作用。
語法：選擇符
（4）\9：ie版本識別；其它瀏覽器都不識別
語法：選擇符
(5). \0: ie8 及以上版本識別；其它瀏覽器都不識別。
二.高度坍塌
1.高度坍塌出現的場景：
當子元素有浮動，父元素沒有高度的時候，父元素會出現高度坍塌。 注：浮動的子元素不會撐開父元素的 height 或者是 min-height。
2.解決高度塌陷的方法：
（1）給出現高度塌陷的元素新增：overflow:hidden;
原理：overflow:hidden;觸發了乙個 bfc(布局邏輯)
bfc規定：計算bfc高度時候，浮動元素也參與計算。
弊端：隱藏掉定位在當前元素外圍的內容。
（2）在浮動元素的下方（同級）新增乙個空的div，給div設定樣式
div
原理：新增的空div新增了clear:both;忽略上方同級新增浮動的元素留出的空間。在父元素最底下顯示，撐開父元素高度。
弊端：形成**的冗餘（出現高度坍塌，新增乙個div）
（3）萬能清除法：
**.clear_fix:after
.clear_fix
（4）補充
a. clear:both;當前元素會忽略上方新增浮動的元素留出來的空間。 (個人看法為閉合浮動)
clear的屬性值： clear:left; /clear:right; /clear:both;
b.偽物件選擇符：
元素選擇符::after
說明：控制第乙個字元的樣式
元素選擇符::first-line
說明：控制第一行的樣式
c.display:none;將元素徹底隱藏，不再佔據空間
visibility:hidden;將元素隱藏，佔據空間，在頁面上留下一片空白
三.高度自適應第二種情況
高度自適應第二種情況：讓子元素高度隨著父元素高度進行改變。
需求：讓乙個元素在瀏覽器視窗完全鋪滿：
前提條件： body,html
DAY13學習筆記
疊加多個裝飾器 當乙個被裝飾的物件同時疊加多個裝飾器時 裝飾器的載入順序是 自下而上。迭代器 什麼是迭代器 迭代指的是乙個重複的過程，每一次重複都是基於上一次的結果而來的。迭代器指的是迭代取值的工具，該工具的特點是可以不依賴於索引取值。為何要用迭代器 為了找出一種通用的 可以不依賴於索引的迭代取值方...
day13 雷神 前端01
伺服器端返回的就是乙個字串，瀏覽器根據html規則去渲染這個字串。html 是超文字標記語言，相當於定義統一的一套規則，大家都遵守它，這樣就可以讓瀏覽器根據標記語言的規則去解釋服務端返回的字串。基本結構 定義html文件的型別，其實就是一套對應規則，這是推薦規則，相容性最好之一。是否翻譯網頁 身體 ...
C 學習筆記 day13
1 資料 記憶體中 變數 磁碟上 檔案 2 把資料從其他的裝置搬到記憶體中 輸入 讀 把記憶體中的資料放到其他裝置中 輸出 寫 3 流物質的定向移動，輸入輸出流中是資料的定向移動 輸入流的源頭 檔案 目的地 記憶體 輸出流的源頭 記憶體 目的地 檔案 4 標準輸出裝置 顯示器 標準輸入裝置 鍵盤 鍵...