盒模型,定位
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"/>
想要學習前端開發的同學,可以加群:
543627393
學習哦!