CSS Создать макет столбца с помощью Div

Question

Все, что я хотел бы, это иметь двухколонный макет с контейнером div.Столбец слева может иметь фиксированную длину, и это будет нормально.Затем в столбце справа от этого нужно будет заполнить оставшуюся часть контейнера div.Другая проблема, с которой я столкнулся, заключается в том, что в столбце справа может быть больше данных, чем в столбце слева.Как я могу сделать фон или границу левого столбца динамическим, чтобы он всегда был такой же высоты, как правый столбец?Спасибо за любой совет, который вы можете иметь по этому вопросу.

Answer 1

Вот хорошая статья, он использует три столбца, но принципы одинаковы http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks надеюсь, это поможет!

Answer 2

вы можете сделать это с помощью CSS, просто укажите ширину двух делений в процентах, как это:

<div class="main">
  <div class="leftCol"></div>
  <div class="rightCol"></div>
</div>

и css:

.leftCol{
 float:left;
 width:20%;
}
.rightCol{
 float:left;
 width: 80%;
}

Удачи!