如何将两个div放到下一个div

Question

如何在Image中放置两个div,就像下一个div一样.

替代文字http://img223.imageshack.us/img223/149/59524904qd1.png

Answer 1

你需要做的就是将两个div向左浮动并应用所需的样式来实现图像中的一个(我只是做了类似的事情,唯一匹配的是颜色).如果你向一边漂浮一个,如果窗口大小改变,你将无法控制它们的分离,除非它们在一个容器内,这就是为什么我喜欢将两个浮动到同一侧并选择一个边距.这只是个人偏好,并不意味着任何其他方式都可以做得更好.

<style>
.floatOne{
     float:left;
     margin-right:10px;
     background-color:#ff6464;
     height:300px;
     width:80px;
     }

.floatTwo{
     float:left;
     margin-right:10px;
     background-color:#6485ff;
     height:300px;
     width:200px;
     }
</style>

<div class='floatOne'>Some text</div>
<div class='floatTwo'>Some text</div>

这是我的代码的输出:

浮动的divs http://img532.imageshack.us/img532/4254/stackh.jpg