[css] 說說你對css盒子模型的理解
css盒模型由兩個盒子組成，外在的控制是否換行的盒子，以及內在的控制元素內容的盒子，比如：display: inline-block, 則它的外在的盒子就是inline也就是不占據一行，而block則表示內部的元素具有塊狀特性，所以，display: inline其實就是display: inline-inline的縮寫，display: block就是display: block-block的縮寫，
每一個內在的盒子有: width/height, padding, border, margin這幾個控制盒子大小的屬性，其中 width/height控制元素內容大小，padding則控制元素內容到border線內側距離，border則是元素外圍邊框大小，而margin則是控制與其他元素的間距，它的背景透明，
對于早期，計算一個元素的占據大小，需要通過width +2* padding + 2*border來計算，css3中提出了box-sizing：border-box，通過這樣設定，就可以使元素最終的寬高就是設定的width/height, 瀏覽器會根據width/height, padding, border的大小來自動調整內部元素的大小，
個人簡介
我是歌謠，歡迎和大家一起交流前后端知識，放棄很容易，
但堅持一定很酷，歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/263728.html
標籤：其他
上一篇：2021牛客寒假演算法基礎集訓營6 G.機器人 （狀壓dp+__int128）
下一篇：Nginx安轉步驟