IE7和8忽略最大宽度设置为标题元素

我有一个header元素以下CSS。 IE7和8忽略max-width属性。如果我将header更改为div，那么它确实有效。IE7和8忽略最大宽度设置为标题元素

.header { 
    display: block; 
    width: inherit; 
    max-width: 1200px; 
    position: relative; 
    margin: 0 auto; 
    float: none; 
}

这个心不是工作：

<header class="header"> 
//stuff 
</header>

这是工作：

<div class="header"> 
//stuff 
</div>

2016-01-13 Evans

这不是max-width多数民众赞成被忽略。它是header，它是HTML 5元素，因此不受IE 7支持& 8.

检查http://www.caniuse.com是否适合浏览器。

考虑modernizr.com作为解决方法。来自网站：

所有网站开发者都遇到了浏览器和设备之间的差异。这主要是由于不同的功能集：最新的版本的流行浏览器可以做一些令人敬畏的事情，旧版浏览器不能 - 但我们仍然需要支持较旧的浏览器。

Modernizr可以轻松实现分层次的体验：利用支持它们的浏览器的最新和最强大的功能，而没有让不太幸运的用户变得干干净净。

2016-01-13 09:45:59

您可以随时查看本网站的浏览器兼容性 - http://caniuse.com/。

IE8不支持新的HTML 5标记，因此它不起作用。

2016-01-13 09:47:15 MichalCh

我忘了我需要一个javascript polyfill来使HTML5元素在旧IE上正常工作。以下作品或者您可以使用modernizr。

<script> 
    'article aside footer header nav section time'.replace(/\w+/g,function(n){document.createElement(n)}) 
</script>

2016-01-13 09:49:39 Evans

也别忘了IE8已经不再被MS支持，所以你应该建议用户升级，如果可能的话。 – Simba

回答