第3章 盒模型,定位,浮動,清理 1.盒模型用到的屬性width,height,padding,border,margin 普通文檔流的上下垂直margin會疊加 2.塊級框 與 行內框, 利用display屬性來改變特性,display:block,display:inlne-block 3. 3 ...
第3章 盒模型,定位,浮動,清理
1.盒模型用到的屬性width,height,padding,border,margin
普通文檔流的上下垂直margin會疊加
2.塊級框 與 行內框, 利用display屬性來改變特性,display:block,display:inlne-block
3. 3種基本的定位機制:普通流,絕對定位,浮動
4.相對定位
是普通流定位的一部分,與文檔流相關,根據自身原先的位置進行移動
無論是否移動都占據原來空間position:relative
設置top,right,bottom,left的屬性值進行移動
5.絕對定位
不占空間與文檔流無關,
根據距離最近的已定位的祖先元素進行定位position:absolute
text-align:top / right / bottom / left
固定定位
是絕對定位的一種position:fixed
差異是包含塊是視口
6.浮動float
清理(p51)
float:left
float:riagt
clear:both / left /right / none(不允許兩邊/不允許左邊/不允許右邊/允許兩邊)
<br class="clear"/>