IE7向左浮动并堆栈问题

问题描述：

有关IE7留下的浮动元素的快速问题。基本上我有这样的一些HTMLIE7向左浮动并堆栈问题

<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。

您可以发布您的CSS吗？ – 2010-11-18 23:24:27

你能发布一个链接到一个示例页面来显示吗？ – Adrian 2010-11-18 23:26:45

我认为这是OP描述的内容 - http://jsfiddle.net/pauldwaite/Y35qP/1/ – 2010-11-18 23:48:42

答

尝试使用这样的：

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

它只会通过IE浏览器来读取，这是一个黑客，但因为你不能访问HTML，可能会奏效。

答

请确保您有父容器的宽度包装你的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>

IE7向左浮动并堆栈问题

相关推荐