IE9漂浮與溢出：隱藏和表寬度100％不正確顯示

我想浮在頁面右側的容器。在它的左邊有很多我需要100％寬度的表格。我希望它們一直延伸到右側的浮動元素。當右側的元素結束時，我希望表格擴展到頁面的末尾。IE9漂浮與溢出：隱藏和表寬度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>

來源

2012-04-24 Weldon Johnson

不確定這是否是拼寫錯誤，但圖像上的高度屬性缺少't'。如果可以，請張貼小提琴。 – Jrod 2012-04-24 20:39:13

當某些東西在其他瀏覽器中有效，但在IE9中不起作用時，很可能是您的標頭不正確。請選擇此項：

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

來源

2012-04-24 20:45:34

優秀的故障。謝謝你的提示。它工作完美。 – 2012-04-25 19:30:46

我發現它的日子（同時挖掘MS文檔）對我來說是一個啓示：現在製作網絡應用程序再次是一種樂趣，因爲它們在Chrome，FF和IE9上的工作方式相同:) – 2012-04-25 19:33:23

我沒有想到弄清楚它是什麼手段。我只知道它的工作原理。再次感謝 – 2012-04-26 04:22:55

IE9漂浮與溢出：隱藏和表寬度100％不正確顯示

回答

相關問題