Div с переполнением: авто исчезает

Question

У меня есть div-обертка высотой 600px и шириной 900px

Внутри него 2 деления

Первый плавающий слева со стилем ниже

#left{
height : 100%;
width : 600px;
overflow:hidden;
float : left;
}

Второй не является плавающим, так что он может занимать остальное пространство, а стиль -

#right{
height : 100%;
overflow : auto;
margin-left : 600px;
}

Приведенный выше дизайн предназначен для создания двухколоночного макета с фиксированной высотой. HTML, который я использовал, является

<div class="wrapper">
  <div id="left">
    <img id="main-image" src="/some/image"/>
  </div>
  <div id="right"></div>
  <br clear="left"/>
</div>

Дело в том, что Opera (v 10.01) и Safari (v. 4.0.3) не отображают правильный div.

Когда я удаляю переполнение: авто, однако они делают.

Я не могу понять, почему. Любая помощь приветствуется

Спасибо

Answer 1

Вы, вероятно, не хотите, чтобы ваше левое поле было равно левому столбцу только потому, что оно смещено. Обычно это трюк, который мы используем, когда он абсолютно позиционирован , а не с плавающей точкой. Попробуйте, и это может проясниться.

Скорее всего, у вас есть правый div, который вытесняется из поля зрения его содержимым плюс поле. С overflow:auto может быть, что появляются полосы прокрутки и это вызывает некоторое дополнительное изменение размера ... не знаю, без дополнительной разметки и CSS, чтобы посмотреть. Желаем удачи!