赞
踩
两种盒模型:
这里我们先来看一下我们打开浏览器的调试工具时看到的一个图
属性 | 含义 |
---|---|
margin | 外边距 |
border | 边框 |
padding | 内边距 |
content | 内容区,显示文本和图像 |
在我们设置一个盒子时我们会设置它的 width 和 height,但是对于两种盒模型来说,他们的 width 和 height 的计算方式是不同的
IE:box-sizing : border-box
W3C:box-sizing : content-box
W3C:box-sizing : content-box
注意:浏览器默认的是 content-box
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。