Как верстать блоки?

[Aleskandr]

Здравствуйте.

<div style="width: 100%; height: 1cm;">
        <div style="width: 25%; height: 100%; margin-left: 0%;"></div>
        <div style="width: 25%; height: 100%; margin-left: 25%;"></div>
        <div style="width: 25%; height: 100%; margin-left: 50%;"></div>
        <div style="width: 25%; height: 100%; margin-left: 75%;"></div>
</div>

Я бы хотел, чтобы блоки выстроились в одну строку друг за другом, по типу таблицы с одной строкой и четырьмя столбцами.
Сейчас по горизонтали блоки располагаются верно, а вот как задать высоту?

[VadikV]

<div style="width: 100%; height: 1cm;">
        <div style="width: 25%; height: 100%; position:relative; float:left"></div>
        <div style="width: 25%; height: 100%; position:relative; float:left"></div>
        <div style="width: 25%; height: 100%; position:relative; float:left"></div>
        <div style="width: 25%; height: 100%; position:relative; float:left"></div>
</div>

[Naive]

Либо высоту задавать статично для каждого блока (общего класса).
Либо настроить для блоков форматирование как для таблицы (display:table/table-row/table-cell), ie особняком, так что первый вариант предпочтительней.

[Alexei91]

<div style="width: 25%; height: 100%; margin-left: 0%;"></div>

Лучше так не писать, в отдельные CSS подобное.
Иначе при переносе и разборе такой верстки на CMS без мата не обойтись.