Проблема переполнения IE6

Question

<div style="float:left; width:50%;">
    div 1
    <div style="position:absolute; width:105%">nested element</div>
</div>
<div style="float:left; width:50%;">
    div 2
</div

Если элемент превышает ширину своего плавающего родительского элемента, следующий элемент будет сдвинут вниз, если я не применю overflow:hidden к обоим плавающим элементам, что противоречит цели, потому что я НЕ хочу скрывать переполнение содержимого. Есть ли какое-то решение для этого?

Answer 1

Вы должны убедиться, что содержимое внутри не шире, чем у div, чтобы предотвратить выталкивание элементов в этом сценарии.

Возможно, вы можете поместить margin-right: -5% в позиционированный div, чтобы уменьшить его ширину в потоке документа, но он все равно должен отображаться с шириной 105% после рендеринга.

Answer 2

Установите его на 100%, а не на 105% - в противном случае он просто делает то, что вы сказали.