Как установить высоту плавающего div в CSS?

Question

У меня есть два плавающих элемента div, каждый шириной 50%, проблема в том, что я не могу заставить их растягиваться на всю высоту окна По сути, я хочу, чтобы каждый div имел ширину 50% и высоту 100% (но это не работает)

HTML

<section>
    <div></div>
</section>
<section>
    <div></div>
</section>

CSS

section {
    background: black;
    width: 50%; min-height: 100%; height: 100%;
    margin: 0;
    float: left;
}
section > div {
    height: 100%;
}

Answer 1

Я думаю, что это может помочь вам ..

http://www.alistapart.com/articles/fauxcolumns/

Указывает, как вы можете выровнять столбцы:)

Answer 2

Предполагая, что когда вы говорите о высоте 100%, вы имеете в виду 100% порта представления, чтобы использовать высоту 100% для элемента, такого как div, вам нужно установить для элемента контейнера значение 100%. а также ... скорее всего, ваши теги body / html не установлены на 100%, и это причина того, почему мы устанавливаем высоту 100%, чтобы два плавающих элемента div не работали!

Ex:

html, body { width:100%; height:100%; }
div#one { float:left; width:50%; height:100%; }
div#two { float:right; width:50%; height:100%; }

Это пример кода CSS, есть другие способы сделать это с гораздо меньшим количеством кода ...

Надеюсь, это поможет!