盒模型，定位

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

差異是包含塊是視口

?

轉載于:https://www.cnblogs.com/liheishuai/p/8094851.html

總結

以上是生活随笔為你收集整理的定位体系的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。