这可能是一个简单的问题,但我遇到了麻烦:在我的网页中,我有以下内容:
<head>
<!-- Stuff here -->
</head>
<body>
<header>
<div class="content-wrapper">
<!-- More stuff here... -->
</div>
</header>
</body>
哪里content-wrapper
在一个 css 文件中并定义了 max-width: 960px
.我遇到的问题是 max-width
在 IE8 中无效。在正文中,我有一个表格,我认为它应该受到 content-wrapper
中定义的宽度的限制。 , 但在 IE8 中它只是忽略它(但它在 Firefox 中有效)。
我尝试了几种不同的方法,但都没有成功:
已添加
style="max-width:960px"
到已添加
style="max-width:960px"
到<tr>
这让我很伤心已添加
style="width:400px"
到有问题的<th>
和<td>
这些都不能在 IE 中工作!有任何想法吗?我错过了什么?
新信息:
我把我的表格放在这样的 div 标签中:
<div style="border: 1px solid; width: 960px">
<!-- Table comes here -->
</div>
正如您在附图中看到的那样,div 被适本地更改为具有边框和指定的宽度,但表格在 IE8 中忽略它。在 Firefox 中它工作正常。
最佳答案
content-wrapper
的容器必须有 width
以及 IE8 中的 max-width
才能识别它。
看看这篇关于 IE8 和最大宽度的文章: http://www.zeilenwechsel.de/it/articles/5/How-max-width-fails-in-IE8.html
关于html - IE 中的表格宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18214725/