盒子模型由什么组成

盒子模型由内容区、内边距、边框和外边距四部分组成。内容区显示实际文本或图像，内边距位于内容与边框之间，提供缓冲空间。边框环绕内容区和内边距，可设置样式和粗细。外边距位于盒子外部，控制与其他元素的距离。每个部分都能单独设置宽度、高度、颜色和样式，共同构建网页布局的基础结构。

盒子模型的实际应用体现在网页布局中。一个导航栏盒子可能设置20像素内边距增加点击区域，2像素实线边框提升可见度，30像素外边距避免与其他元素重叠。内容区宽度设为600像素，加上40像素内边距和4像素边框，总宽度达到644像素。这种精确计算确保页面元素整齐排列，用户界面看起来专业且协调。