學(xué)習(xí)第八天

外邊距和內(nèi)邊距的簡寫方式:

padding:padding: 上下左右; 0

? ? ? ? ? ? ? padding: 上下 左右;0,0

? ? ? ? ? ? ? ?padding: 上 左右 下;0,0,0

? ? ? ? ? ? ? ? padding: 上 右 下 左; 直接寫數(shù)值 0,0,0,0 ? (margin 同樣 但是上下為0的話 0 auto 左右自動(dòng)居中)

浮動(dòng):float ? ?左右

浮動(dòng)要素:

? ? ? ? ? ? ? 子級(jí)浮動(dòng)了,父級(jí)“一定”要清除浮動(dòng)

? ? ? ? ? ? ? 設(shè)置浮動(dòng)后,一定要去加寬度的。加完浮動(dòng)之后會(huì)脫離文檔流 寬度自動(dòng)變窄 變成內(nèi)容的寬度

? ? ? ? ? ? ? ? ?margin和浮動(dòng)的方向相反

清除浮動(dòng)方式:寫一個(gè)完美的就可以了:.clearfix:after{ content: ''; display: block; clear: both; }

.clearfix{ zoom: 1; } 沒有任何瑕疵 雖然麻煩點(diǎn)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容