На странице с двумя столбцами, как я могу увеличить левый div до той же высоты правого div, используя CSS или Javascript?

Question

Я пытаюсь создать страницу с двумя столбцами, используя макет на основе div (без таблиц, пожалуйста!). Проблема в том, что я не могу вырастить левое деление, чтобы соответствовать высоте правого. У моего правого div обычно много контента.

Вот парный пример моего шаблона для иллюстрации проблемы.

<div style="float:left; width: 150px; border: 1px solid;">
  <ul>
    <li>nav1</li>
    <li>nav2</li>
    <li>nav3</li>
    <li>nav4</li>
  </ul>
</div>
<div style="float:left; width: 250px">
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
....
</div>

альтернативный текст http://involution.com/images/divlayout.png

Answer 1

@ hoyhoy

Если дизайнер может сделать эту работу в html, то он может иметь этот дизайн. Если он настоящий мастер веб-дизайна, он поймет, что это является ограничением средств массовой информации, так как видео невозможно в журнальной рекламе.

Если он хотел бы смоделировать вес, придав двум столбцам одинаковую важность, измените границы, чтобы они выглядели одинаково, и чтобы цвета границ контрастировали с цветом шрифта столбцов.

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