2011-07-03 43 views
0

我与DIV HTML布局我希望能得到一些帮助挣扎了几天,简单的三个DIV布局问题

文档中当前点为三个div的,这三个div的包含在“容器” DIV( 180 * 400像素)

前两位DIV在容器的分离的50%的宽度的(右是标志,左中的日期)

和额外的div(绿色)采取的高度(400像素的其余部分 - 100px的标志)

我无法将(白色)DIV设置为occ upy所有剩余的50%的宽度 也是我无法告诉底部的div(绿色)占据剩余的高度

这里的100%,是一个例证:

http://jsfiddle.net/dwuZp/6/

感谢您帮助(和耐心)

回答

1

不知道这是你想要的。这个问题很难说。下面是我做的,但:

  1. 新增明确width s到你最floated元素。花车需要宽度才能正常漂浮。

  2. 向您的timelogo div添加了显式height s。

希望接近。

http://jsfiddle.net/jasongennaro/dwuZp/9/

+0

谢谢杰森,这正是我想要的东西:http://jsfiddle.net/dwuZp/11/ – user648026

+0

最后一件事,我发现,如果“图标”分区是100%高度它的容器,然后它正在加入容器div一英寸(超过“标识”div的高度), 如何将内部“icons”div设置为其父项“logoTimeAndIcons”的其余部分的100%宽度DIV? – user648026

+0

不确定你在这里问什么,@ user648026。你能给我更多的信息吗? –

1

绿色DIV占据剩余的容器高度的100%,这只是 div容器,#logoTimeAndIcons,是不是完整唤起注意t的集装箱格,#container

而且,标志图像100px的,这是10px的在180像素宽度的容器的50%以上......