CSS盒模型是Web布局中的基本概念。它代表了HTML元素周圍的矩形空間。在CSS中,有兩種盒模型:標準盒模型和IE盒模型。
標準盒模型:
box-sizing: content-box; width: 200px; padding: 20px; border: 10px solid black; margin: 5px;
標準盒模型中,元素的寬度只包含內容區域,不包括內邊距、邊框和外邊距。元素的總寬度是元素內容寬度、內邊距、邊框和外邊距的總和。
IE盒模型:
box-sizing: border-box; width: 200px; padding: 20px; border: 10px solid black; margin: 5px;
IE盒模型中,元素的寬度包括內容區域、內邊距和邊框。元素的總寬度是元素內容寬度和外邊距的總和,不包括內邊距和邊框。
可以通過box-sizing屬性來指定使用哪種盒模型,屬性值可以是content-box或border-box。
上一篇ajax找不到.do請求
下一篇css有點擊效果嗎