Как я могу заставить плавающий DIV соответствовать высоте другого плавающего DIV? - PullRequest
67 голосов
/ 08 февраля 2009

Мой HTML-код просто делит страницы на два столбца, 65% и 35% соответственно.

<div style="float : left; width :65%; height:auto;background-color:#FDD017;">
   <div id="response">
   </div> 
</div>
<div style="float : left; width :35%;height:auto; background-color:#FDD017;">
   <div id="note">
   </div>
</div> 

В response div у меня есть переменные данные; в note div я зафиксировал данные. Несмотря на то, что два div имеют два разных набора данных, мне нужно, чтобы они отображались с одинаковой высотой, чтобы цвета фона отображались в окне, содержащем оба. Естественно, проблема заключается в response div, поскольку его высота варьируется в зависимости от объема данных, отображаемых в настоящее время в нем.

Как я могу убедиться, что высота двух столбцов всегда равна?

Ответы [ 11 ]

0 голосов
/ 08 февраля 2009

Я рекомендую вам обернуть их обоих во внешний div с желаемым цветом фона.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...