简单的三div布局问题

时间:2011-07-03 21:31:47

标签: html css layout

我正在用DIV HTML布局挣扎几天我希望得到一些帮助,

文件中的当前点是三个DIV',三个div包含在“容器”div中(180 * 400 px)

容器中的前两个DIV'分开50%的宽度(右边是徽标,左边是日期)

额外的div(绿色)占据其余高度(400px - 100px的徽标)

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

以下是插图:

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

感谢您的帮助(和耐心)

2 个答案:

答案 0 :(得分:1)

绿色div占据剩余容器高度的100%,只是 容器div #logoTimeAndIcons,不是完整的高度 容器div #container

此外,徽标图像为100px,比容器的180px宽度的50%多10px ...

答案 1 :(得分:1)

不确定这是你想要的。这个问题很难说清楚。这是我的所作所为:

  1. 在您的热门width元素中添加了明确的floated。浮子需要宽度才能正常漂浮。

  2. 向您的heighttime div添加了明确的logo

  3. 希望接近。

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