IE7 - 即使对于固定宽度的元素，盒子大小也不起作用

Question

我的布局中有一个div，其box-sizing属性已赋值为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;
}

它打破了布局。

Answer 1

不幸的是，IE7并不支持box-model: border-box，而是使用W3C内容框模型。这里有几个选项 - use a polyfil或在条件注释中编写特定的IE7规则。