css 查缺補漏
1. clear
clear屬性指定一個元素是否必須移動 (清除浮動后) 到在它之前的浮動元素下面。clear 屬性適用于浮動和非浮動元素。
①應(yīng)用于非浮動元素:使非浮動元素的邊框外界移動到所有浮動元素外邊界的下方,頂部外邊界折疊。相鄰的浮動元素外邊界不折疊。
②應(yīng)用于浮動元素:它將底部元素的[外邊界邊緣移動到所有相關(guān)的浮動元素外邊界邊緣的下方。這會影響后面浮動元素的布局,因為后面的浮動元素的位置無法高于它之前的元素。
③ 如果一個元素里只有浮動元素,那它的高度會是 0。如果你想要它自適應(yīng)即包含所有浮動元素,那你需要清除它的子元素。一種方法叫做clearfix,即clear一個不浮動的 [::after] [偽元素]。

清除浮動方法.png

BFC機制.png
最好的清除浮動的方法是在父元素的css樣式中添加overflow:hidden;
2. float
float屬性指定一個元素應(yīng)沿其容器的左側(cè)或右側(cè)放置,允許文本和內(nèi)聯(lián)元素環(huán)繞它。該元素從網(wǎng)頁的標(biāo)準流(文檔流)中移除,但是仍然保持部分的流動性(與[絕對定位]相反)。
3. 移除無需列表前面的點
list-style:none; 在列表的父元素添加
4. 樣式計算

CSS權(quán)重疊加計算.png
5. 常見居中

居中.png