Html 简单的三分区布局问题

我在DIV HTML布局上挣扎了几天，我希望能得到一些帮助

文档中的当前点是三个DIV，这三个DIV包含在“container”DIV（180*400 px）中

容器顶部的两个DIV分开50%的宽度（右侧为徽标，左侧为日期）

和额外的div（绿色）占据其余高度（400px-100px的徽标）

我无法将（白色）DIV设置为占用所有剩余的50%宽度 此外，我无法告诉底部分区（绿色）占据剩余高度的100%

下面是一个例子：

---

感谢您的帮助（和耐心）

绿色div占据了剩余集装箱高度的100%，只是itscontainer div，

#logoTimeAndIcons

，不是itscontainer div，

#container

的全部高度

---

此外，徽标图像为100px，比容器180 px宽度的50%大10px…

不确定这是否是您想要的。很难从这个问题中分辨出来。以下是我所做的：

将显式

width

s添加到顶部的

floated

元素中。浮动需要宽度才能正确浮动

将显式的

高度

s添加到您的

时间

和

徽标

div中

希望能接近

---

最后一件事，我发现如果“icons”div是其容器的100%高度，那么它将加入容器div一英寸（超过“logo”div的高度），我如何将内部“icons”div设置为其父“logoTimeAndIcons”div其余部分的100%宽度？不确定您在这里问什么，@user648026。你能给我更多的信息吗？谢谢你，杰森，我发布了这个问题的新问题。