CSS學習筆記（float和盒子模型）

標籤：使用   包含   元素   定位   hid   沒有   ima   固定   auto   

1、當元素或者是它的包裹層設定了絕對位置或者是浮動，那麼margin:0 auto;自動置中的效果就不會實現。

2、盒子模型的三位立體結構圖中從第一層到第五層依次為：border、content+padding、background-image、background-color、margin。

3、

設定了浮動屬性（float）的元素：1、會向指定方向（left或right）一直移動，直到容器邊緣；2、處於標準文檔流中；3、若不設定寬高，則以內容的寬高為準；4、僅對緊鄰的後續元素造成影響；

4、

清除浮動的常用方法1、clear屬性-常用clear：both；
2、clear：left，或者clear：right； 清除元素左側或右側的浮動3、同時設定width：100%(或固定寬度）+overflow：hidden；也是可以清除浮動的。一般給受到浮動的元素設定的。p{width:100%; overflow:hidden}或p{width：both}
4、在浮動元素的緊鄰後續塊元素之前加一個空標籤（不推薦使用）

如果父包含層沒有設定浮動，子包含層設定浮動，會對子包含層的父包含層和父包含層後面的會計元素產生影響！！所以要對父包含層設定清除浮動影響。當父包含快縮成一條是，用clear：both清除浮動方法是無效的，clear：both一般用於緊鄰後面的元素的清除浮動。這種情況使用overflow：hidden會有效，

overflow:hidden 用來清除影響float對父級元素的浮動影響clear:both;用來清除float對後面元素的浮動影響

CSS學習筆記（float和盒子模型）