2011-07-03 42 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%以上......