我的布局中有一个div，该div的box-sizing属性分配为value border-box。它在其他浏览器中效果很好，但在IE7中不起作用。我已经读过，对于固定宽度的元素，它可以工作。IE开发人员工具告知该box-sizing属性已正确分配。CSS代码：
.item {
width:360px;
background:#FFFFFF;
border:0;
border-bottom:1px solid #DDDDDD;
padding:12px 24px;
margin-bottom:24px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
它破坏了布局。
不幸的是IE7不支持box-model: border-box，而是使用W3C内容框模型。这里有两个选项-使用polyfil或在条件注释中编写特定的IE7规则。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句