IE9漂浮与溢出:隐藏和表宽度100%不正确显示

我想浮在页面右侧的容器。 在它的左边是很多我需要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> 

当某些东西在其他浏览器中工作,但在IE9中不能正常工作时,则可能是您的标头不正确。 检查这个:

 <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" />