Question

如何在图像中放置两个div，就像下一个一样。

alt text 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>

以下是我的代码的输出：

floating divs http://img532.imageshack.us/img532/4254/stackh.jpg

Answer 2

浮动div＃1左侧和浮动div＃2右侧：

<div id="1" style="float:left;"></div>
<div id="2" style="float:right;"></div>

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

2 个答案: