技术栈

标准盒模型

linweidong
3 个月前
前端面试·css选择器·margin·css动画·前端面经·css兼容·标准盒模型
前端CSS面试题及参考答案标准盒模型和 IE 盒模型是两种不同的计算元素宽度和高度的方式。在标准盒模型中,元素的宽度(width)和高度(height)只包含内容区域(content),而内边距(padding)、边框(border)和外边距(margin)是额外添加到宽度和高度之外的。例如,如果设置一个元素的宽度为 200px,内边距为 10px,边框为 1px,那么该元素实际占据的宽度为 200 + 10×2 + 1×2 = 222px。