IE7向左浮動並堆棧問題

Question

有關IE7留下的浮動元素的快速問題。基本上我有這樣的一些HTML

<div><a href></a></div> 
<div><a href></a></div> 
<div><a href></a></div> 
<div><a href></a></div> 

divs需要水平排列在一起。

現在divs向左浮動，其中的錨標記具有背景圖像，寬度，高度和顯示：塊。

截至目前，它可以在除IE6 + 7以外的所有瀏覽器中工作。在這兩種瀏覽器中，所有東西都是垂直疊放在一起的。有沒有一種快速修復IE的方法？我只能訪問CSS文件。我無法編輯HTML。

Answer 1

嘗試使用這樣的：

zoom: 1; // IE hack to trigger hasLayout 
*display: inline; // IE hack to achieve inline-block behavior 
*float: none; 

它只會通過IE瀏覽器來讀取，這是一個黑客，但因爲你不能訪問HTML，可能會奏效。

Answer 2

請確保您有父容器的寬度包裝你的div你漂浮左。同時設置每個div左側浮動的寬度，它應該可以工作。

<div id='wrap-it'> 
    <div><a href></a></div> 
    <div><a href></a></div> 
    <div><a href></a></div> 
    <div><a href></a></div> 
</div> 
<style> 
    #wrap-it { width: 200px; } 
    #wrap-it div { float: left; width: 50px; } 
</style>