logo标签列表

IE9浮动与Overflow：Hidden和表格宽度100％未正确显示。

htmlcssinternet-explorer-9css-floathtml-table
10

我试图将一个容器浮动到页面的右侧。在它左边有许多需要100％宽度的表格。我希望它们可以一直延伸到右侧的浮动元素。当右侧元素结束时，我希望这些表格可以延伸到页面的末端。

除了IE浏览器之外，其他浏览器都能正常工作。在IE中，所有表格都会显示在右侧浮动元素的下方。我知道在IE中有一个溢出隐藏的解决方法，但我无法使其正常工作。

以下是代码：

<head>
<style type="text/css">
.container{margin:0 auto; min-width:1000px; max-width:1200px;}
.sidebar{float:right;width:300px;margin-left:5px;}
.tholder{overflow:hidden;}
</style>
</head>
<div class="container">
<div class="sidebar">
<img src="dsfd.jpg" heigh="600" width="295">
</div>
<div class="tholder">
<Table width="100%" border="1"><tr><td>Text</td></tr></table>
</div>
<div class="tholder">
<Table width="100%" border="1"><tr><td>Test goes here</td></tr></table>
</div>
<div class="tholder">
<Table width="100%" border="1"><tr><td>text</td></tr></table>
</div>
</div>
不确定那是否是一个打字错误，但图像的高度属性缺少了一个“t”。如果可以，请发布一个fiddle。 - Jared
1个回答
17

如果在其他浏览器中可以工作但在IE9中无法工作，那么有可能是您的标题不正确。请使用以下代码进行检查：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
1
我发现它的那一天（在挖掘微软文档时）对我来说是一个启示：现在制作Web应用程序再次成为一种乐趣，因为它们在Chrome、FF和IE9上的工作方式相同 :) - Denys Séguret
1
我没有费心去弄清它的意思，我只知道它能够工作。再次感谢。 - Weldon Johnson
1
我的网站在IE9中完全崩溃，我一直在努力理解原因。你的答案帮了我很大的忙。只需要一行简单的代码(meta)，就能产生难以置信的结果...非常感谢！ - AKKAweb
3
哇！！！这真是一个启示，我会把它刻在门前的石板上，还要在胸口纹上纹身。太棒了！ - AKKAweb
5
@CaboONE 现在可以给我们看一下纹身的照片吗？ - Denys Séguret
我曾经遇到过同样的问题，但添加文档类型和元标签并没有帮助解决。实际上，解决我的问题的方法是将以下内容添加到CSS中：html { font-size: 100% } 希望这能帮助到其他人。 - Rexy Hoang
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接