Как сделать гибкие горизонтальные сетки?

Question

Как сделать 3 горизонтальной чувствительной сетки без рамки? Только с использованием CSS и HTML? Я попытался, но у меня нет никаких идей, как это сделать.

Answer 1

Используйте родительский DIV, чтобы установить общую высоту (в моем примере это 300px, но вы можете установить его на 100%, а).

Затем установить высоту каждого дочернего дел до 33% height: 33%

Example

Another example с общей высотой, установленным на 100%. Обратите внимание, что для того, чтобы это сработало, вы должны также установить высоту html и body на 100%.