网页默认情况下,元素的实际宽高是将边框和内边距纳入计算的
- 实际高度=height+border+padding
- 实际宽度=width+border+padding
要改变网页默认设置,可以使用
box-sizing
属性:box-sizing
属性值:
- content-box 默认值
- border-box 如果你设置width:100px,那么100px将包含边框(border)+padding(内边距)
- inherit 父继子承
清除浏览器默认样式
css
*{
padding: 0px;
border: 0px;
box-sizing: border-box; /*将边框和边距包含到宽高*/
}