2012-03-02 165 views
2

我需要兩個並排的div,右邊的一個始終伸展到100%。左邊的那個並不總是會在那裏,並且包含一個128像素寬度的圖像,高度爲012px。在右邊的div內是一個寬度爲100%的表格。這可以做到嗎?有誰知道如何做到這一點?CSS兩個div並排

+0

我很困惑。如果其中一個div是100%寬的,你怎麼可以並排兩個div? – SenorAmor 2012-03-02 02:10:56

+0

相信他意味着剩餘空間的100%。 – Dan675 2012-03-02 02:15:39

+0

我試過浮動左邊的位置相對我似乎無法得到它的工作。 – ONYX 2012-03-02 02:19:56

回答

2

Here is a jsfiddle(我認爲)解決了你的問題。下次有些代碼會有幫助,所以我們有一個地方開始。

訣竅是在右側的div中使用絕對定位使其「伸展」。請注意,父級不能有靜態定位。

編輯:如果圖像並不總是存在,那麼使用這種技術時可能需要一些邏輯。在JavaScript中刪除/添加一個類或其他東西使.child2擁有left: 0px;。不確定你使用的是什麼技術。

編輯2:Here is a link到討論該技術的文章,以及其他有用的情況。

+0

它並不完全是我想要的,左邊的div並不總是可見的,所以右邊總是從左邊的128px – ONYX 2012-03-08 21:49:27

+1

我在答案中簡要地討論了這個問題。你需要邏輯,這意味着當圖像不存在時,你需要一種編程語言 - JS,PHP,JSP,不管怎樣 - 使'.child2'具有'left:0px;'。 – 2012-03-09 02:59:34