Question

关于使用IE7留下的浮动元素的快速问题。基本上我有一些像这样的HTML

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

div需要水平内联排列。

现在div向左浮动，其中的锚标签有背景图像，宽度，高度和显示：块。

截至目前，它适用于除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>

IE7浮动左侧和堆叠问题

2 个答案: