1. 框模型：Box Model 規定了元素處理元素框處理元素內容、外邊距、邊框、內邊距的方式。

2. 當邊距給定的值 可以小于4個。CSS定義了一些規則、處理這中情況：

• 如果缺少左外邊距的值，則使用右外邊距的值。
• 如果缺少下外邊距的值，則使用上外邊距的值
• 如果缺少下外邊距的值，則使用上外邊距的值。

3. 外邊距合并：當兩個垂直方向（相對于水平方向）的外邊距相遇時，它們將合成一個外邊距。

合并后的數值：合并前的較大值

?

4. 合并發生在兩個同級元素之間，子元素和父元素之間，也可能發生在自身。

詳情參考：?http://www.w3school.com.cn/css/css_margin_collapsing.asp

?

5. 定位的相關概念

·文檔流

·流式布局

·列式布局

·正常流布局

·行框

·行內框、行內元素

·塊框、塊級元素

·無名框、無名塊框

·包含框

?

注意“行框”與“行內框”

參考網址：??http://www.w3school.com.cn/css/css_positioning.asp? 其他百度

?

6. 相對定位，clip的屬性值以及解釋，并計算剪裁后圖形的高度

?

7. 浮動的3個案例：水平菜單，表格，簡單首頁

http://www.w3school.com.cn/css/css_positioning_floating.asp

?

更多專業前端知識，請上 【猿2048】www.mk2048.com 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的CSS知识点整理(2):框模型，定位的全部內容，希望文章能夠幫你解決所遇到的問題。

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