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内容盒模型。这里有几个选项-使用polyfil或在条件注释中编写特定的IE7规则。