Выровняйте два div слева

Question

В основном я хочу сделать следующее:

http://jsfiddle.net/wQBq5/20/

без использования таблиц.

Answer 1

Вот попытка:

http://jsfiddle.net/vaDCQ/

Answer 2

Эта скрипка показывает основы: http://jsfiddle.net/cA3su/. Но есть различия.Во-первых, «внутренние» элементы div не растягиваются вправо, как в таблице.Во-вторых, вам нужно понять, как работает float и clears.Требуется некоторая практика и эксперименты.Короче говоря, div никогда не будет работать так, как таблицы.Но как только вы узнаете, как это сделать, div освободит вас от головной боли, создаваемой таблицами.

Answer 3

Вы можете достичь этого, используя float.

Вы можете использовать что-то вроде этого (основной пример):

HTML:

<div class="left-container">1</div>
<div class="right-container">
  <div class="number2">2</div>
  <div class="number3">3</div>
</div>

CSS:

.left-container{float:left;width:100px;}
.right-container{float:left;width:100px;}
.right-container .number2{float:left;width:100%;}
.right-container .number3{float:left;width:100%;}

Answer 4

Вот мой пример .. http://jsfiddle.net/wQBq5/37/