当前位置: 首页 > Web前端 > CSS

盒子模型(Boxmodel)

时间:2023-03-30 18:26:02 CSS

CSS盒子模型描述的是为文档树中的元素生成一个矩形盒子,并按照视觉格式模型进行布局。IE盒模型和W3C盒模型在计算总宽度上有一些差异。W3C模型中的宽高指的是内容的宽高。在IE盒子模型中,宽高包括border和margin,以及内容的宽高。CSS3中引入了box-sizing属性,它允许更改默认的CSS盒模型计算元素的宽度和高度有三种选择:content-box:浏览器定义屏幕宽度和高度的默认方法元素,它会将borderwidth和paddingthickness加到width和height属性值上来决定标签屏幕的高度和宽度padding-box:当你在一个style中设置width和hight属性时,应该包括paddingaspartofvalueborder-box:包含边框宽度和padding厚度,aswidth和height部分框模型边距详解border详解padding详解