简单的三个DIV布局问题
问题描述:
我与DIV HTML布局我希望能得到一些帮助挣扎了几天,简单的三个DIV布局问题
文档中当前点为三个div的,这三个div的包含在“容器” DIV( 180 * 400像素)
前两位DIV在容器的分离的50%的宽度的(右是标志,左中的日期)
和额外的div(绿色)采取的高度(400像素的其余部分 - 100px的标志)
我无法将(白色)DIV设置为occ upy所有剩余的50%的宽度 也是我无法告诉底部的div(绿色)占据剩余的高度
这里的100%,是一个例证:
感谢您帮助(和耐心)
答
不知道这是你想要的。这个问题很难说。下面是我做的,但:
新增明确
width
s到你最floated
元素。花车需要宽度才能正常漂浮。向您的
time
和logo
div添加了显式height
s。
希望接近。
答
绿色DIV占据剩余的容器高度的100%,这只是其 div容器,#logoTimeAndIcons
,是不是完整唤起注意t的其集装箱格,#container
。
而且,标志图像100px的,这是10px的在180像素宽度的容器的50%以上......
谢谢杰森,这正是我想要的东西:http://jsfiddle.net/dwuZp/11/ – user648026
最后一件事,我发现,如果“图标”分区是100%高度它的容器,然后它正在加入容器div一英寸(超过“标识”div的高度), 如何将内部“icons”div设置为其父项“logoTimeAndIcons”的其余部分的100%宽度DIV? – user648026
不确定你在这里问什么,@ user648026。你能给我更多的信息吗? –