css - 关于IE7中的宽度

Question

我有这个网站。如您所见，使用 IE7 的宽度header比下面的内容更宽，我的意思是它没有width: 960px我预期的那样。你能告诉我为什么吗？

这是标签的header代码：

header {
  border-top: 6px solid #9F9F9F;
  margin: 0 auto;
  background-color: $amarillo;
  width: 960px;
  padding: 19px 34px;
}

score 3 · Accepted Answer

3

<header>是 IE7 的未知元素。

对于所有 html5 问题，您可以使用html5shiv。

于 2013-09-27T18:43:03.330 回答

score 1 · Accepted Answer

IE7 不支持header, nav, footer,article等元素。section您需要使用HTML5shiv或类似的 polyfill。

此外，在默认框模型border-box填充添加到总元素宽度的宽度，所以你的元素是 960 像素 + 34 像素 + 34 像素，而不仅仅是 960 像素。box-sizing: content-box如果您想padding从中减去width而不是添加到它，请应用该属性。

2 回答 2