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>