css浮動總結

原理：使浮動元素脫離文件流；

作用：解決頁面橫向排列問題；

-同一層級下，第乙個元素設定浮動，脫離文件流；

空標籤清除浮動

.clearfix 
偽元素清除浮動：
.clearfix:after
相容低版本ie
.clearfix:after

解決方案：

*外層元素padding代替

*外層元素 overflow:hidden;

內層元素透明邊框 border:1px solid transparent;

內層元素絕對定位 postion:absolute:

*內層元素 加float:left;或display:inline-block;

內層元素padding:1px;

2.兄弟元素，上邊元素的下margin,和下邊元素的上margin間距是兩者取的較大值，解決方案：

01.給其中乙個兄弟元素display:inline-block;

02.只設定乙個margin值;

CSS總結 浮動

這一章主要記錄定位與浮動常用的。說到浮動我們要先說說標準流和浮動流。標準流很常見，瀏覽器預設的方式就是標準流。標準流怎麼理解呢？實現我們得知道css中的三種元素分類。行內元素，塊級元素，行內塊級元素 行內元素 塊級元素 行內塊級元素 不獨佔一行 獨佔一行 不獨佔一行 預設和內容一樣寬 預設和父元素一...

CSS浮動總結

浮動屬性可以讓元素產生浮動效果，float的常用取值有 none 不浮動，預設值 left 向左浮動 right 向右浮動 元素一旦浮動後 脫離標準流 朝著左 右 方向移動，直到自己的邊界緊貼著包含塊 一般是父元素 或者其他浮動元素的邊界為止 定位元素會層疊在浮動元素上面 浮動元素不能與行內級內容層...

CSS清除浮動總結

一 拋一塊問題磚 display block 先看現象 分析html 結構 divclass outer divclass div1 1div divclass div2 2div divclass div3 3div div 分析css 樣式 outer div1 div2 div3 這裡我沒有給...