css - float 问题 - 2 个带 float 的元素 :right style causing a div placed in between them to move to the left

Question

我有 2 个链接，每个链接都有 style="float:right" 。我在这两个链接之间有另一个 div 元素。现在，在 IE7 中，2 个链接正确显示，而中间的 div 被推到左边。这是代码:

<a style="float:right" href="javascript:exportqueryresulttocsv();">Export Query Result to CSV</a>
<div style="overflow:auto">
    <!-- I have a table displaying a report here -->
</div>
<a style="float:right" href="javascript:exportqueryresulttocsv();">Export Query Result To CSV</a>

定位这些div有什么问题？

Answer 1

你想要它看起来像这样吗？

http://jsfiddle.net/8NTt3/10/

如果这样，所有元素都向右浮动，但在每个元素之间使用 clearfix。例如

<div style="clear:both"></div>