CSS中的一個(gè)基本概念就是盒子模型，所謂盒子模型就是把HTML頁(yè)面中的元素看作是一個(gè)矩形區(qū)域，即元素的盒子。
盒子由margin（外邊距）、border（邊框）、padding（內(nèi)邊距）、content（內(nèi)容）四部分組成。

多個(gè)盒子之間需要注意的問(wèn)題

網(wǎng)頁(yè)是由多個(gè)元素構(gòu)成的盒子排列而成的。而多個(gè)盒子之間會(huì)出現(xiàn)外邊距合并的現(xiàn)象，具體如下：

• 上下相鄰相鄰的塊元素垂直外邊距合并，如果上面的元素有下外邊距，下面的元素有上外邊距，則垂直邊距為兩者中的較大者。
  
• 嵌套塊級(jí)元素的垂直外邊距合并，父元素沒(méi)有上內(nèi)邊距和邊框，則父元素與子元素的上外邊距合并為較大者。
  

超強(qiáng)干貨來(lái)襲 云風(fēng)專訪：近40年碼齡，通宵達(dá)旦的技術(shù)人生

總結(jié)

以上是生活随笔為你收集整理的CSS盒子模型的使用及其注意事项——响应式Web系列学习笔记的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。