IE7 ширина тела увеличивается с плавали элементом

В IE7 рендеринга в режиме стандартов, странная вещь происходит со следующим телом:IE7 ширина тела увеличивается с плавали элементом

<body> 
    <div style="border: 1px solid black;"> 
    <span style="float: right; font-style: italic;">some text to the right</span> 
    other text to the left 
    </div> 
</body>

ширина тела удваивается, даже если <div> ширина выглядит правильно. Прямо появляется огромное количество пустого пространства и горизонтальная полоса прокрутки.

рендеринга страницы правильно, если я либо переключиться в режим IE8 рендеринга стандартов, или если я останусь в режиме IE7, но удалить правило font-style CSS:

<body> 
    <div style="border: 1px solid black;"> 
    <span style="float: right;">some text to the right</span> 
    other text to the left 
    </div> 
</body>

Что здесь происходит?

PS: Интересно, то же самое происходит, если я использую <em> или <i> вместо font-style: italic. С <em> - широкий корпус, без - нормальное тело. Изменение стиля шрифта, похоже, нарушает его, а изменение веса шрифта (жирным шрифтом) не имеет никакого отрицательного эффекта.

источник

2010-09-11 Tomalak

Я точно не знаю, что происходит, но затем снова, IE неисповедимы ... В любом случае, это должно исправить:

<div style="border: 1px solid black; overflow: hidden;">

источник

2010-09-11 15:43:24

объявляя 'переполнения: скрытый;' установил ее. Благодарю. :) – Tomalak

Рад помочь! :) –

IE7 ширина тела увеличивается с плавали элементом

ответ

Смежные вопросы