将两个div对齐到左边

Question

基本上我想做的是：

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

不使用表格。

Answer 1

这是一次尝试：

http://jsfiddle.net/vaDCQ/

Answer 2

这个小提琴展示了基础知识：http://jsfiddle.net/cA3su/。但是存在差异。一方面，“内部”div不像表那样一直向右延伸。另一方面，您需要了解浮动和清除的工作方式。这需要一些练习和实验。简而言之，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/