在CSS中,盒子模型是指用來表示HTML元素的框架,它包含了元素的內容、內邊距、邊框和外邊距。在CSS2中,盒子模型分為了兩種:標準盒子模型和IE盒子模型。
/* 標準盒子模型 */ div{ width: 200px; height: 100px; padding: 20px; border: 5px solid #000; margin: 10px; } /* IE盒子模型 */ div{ width: 200px; height: 100px; padding: 20px; border: 5px solid #000; margin: 10px; box-sizing: border-box; }
在標準盒子模型中,盒子的寬度和高度只包括元素的內容,而內邊距、邊框和外邊距會增加盒子的總寬度和高度。而在IE盒子模型中,盒子的寬度和高度則是包括了內邊距和邊框的,實現了更加準確的尺寸計算。
可以通過設置box-sizing屬性為border-box來將元素的盒子模型設為IE盒子模型。這樣,我們就可以更好地控制元素的尺寸,使得布局更加合理、準確。
上一篇css2.0中文手冊下載
下一篇mysql查詢語言