проблема с плавающей точкой - 2 элемента с плавающей точкой: правый стиль, заставляющий элемент div, помещенный между ними, перемещаться влево

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>

В чем проблема размещения этих элементов?

Answer 1

Вы хотите, чтобы это выглядело следующим образом?

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

, если это так, перемещайте все элементы вправо, но используйте пробел между каждым элементом.например,

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

Answer 2

так плавайте их все в порядке, они должны выравниваться равномерно