CSS定位div

Question

在定位div方面我总是很弱,但这种情况稍微难以找到在线解决方案.我试图像这样定位盒子:

 _  ___  _ 
|_||   ||_|
 _ |   |
|_||___|

有没有办法避免专门定义每个像素的位置,并让它们插入到我所拥有的三列中？

Answer 1

为每列定义三个容器,并将它们浮动到左侧:

<div style="float:left;width:Xpx"></div>
<div style="float:left;width:Ypx"></div>
<div style="float:left;width:Zpx"></div>

现在,您可以将所有容器放在此列的适当位置.

Answer 2

看看这个小提琴：http://jsfiddle.net/rREAh/这是您要找的吗？

如果您需要完美的布局，请查看 yahoo 布局管理器：http://developer.yahoo.com/yui/layout/