我需要兩個並排的div,右邊的一個始終伸展到100%。左邊的那個並不總是會在那裏,並且包含一個128像素寬度的圖像,高度爲012px。在右邊的div內是一個寬度爲100%的表格。這可以做到嗎?有誰知道如何做到這一點?CSS兩個div並排
2
A
回答
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
相關問題
- 1. CSS:兩個div並排
- 2. 內聯兩個div並排 - CSS
- 3. CSS - 在包含div的情況下並排排列兩個Div
- 4. CSS並排div
- 5. 兩個Div並非並排排列
- 6. 並排對齊兩個div
- 7. 並排放置兩個div
- 8. 兩個流體div並排
- 9. 居中兩個並排div
- 10. 並排取得兩個div
- 11. 並排浮動兩個div
- 12. 用CSS和React排列兩個div並排
- 13. CSS:兩個輸入並排
- 14. 如何排列兩個div並排?
- 15. 並排顯示兩個div並行塊
- 16. 如何將兩個傾斜的div並排使用CSS?
- 17. CSS - 兩個Div並排自動調整寬度
- 18. 如何把兩個div並排放在css中?
- 19. CSS並排對齊2個div
- 20. 並排浮法DIV側 - 兩個佈局
- 21. 我想並排對齊兩個div
- 22. 如何讓兩個div並排浮動?
- 23. 將兩個div並排浮動(響應)
- 24. 兩個嵌套的div並排
- 25. 問題並排對齊兩個div
- 26. 獲取兩個div並排對齊
- 27. 如何將兩個div並排放置
- 28. 如何並排對齊兩個div
- 29. 製作兩個div並排顯示
- 30. 兩個並排div不起作用
我很困惑。如果其中一個div是100%寬的,你怎麼可以並排兩個div? – SenorAmor 2012-03-02 02:10:56
相信他意味着剩餘空間的100%。 – Dan675 2012-03-02 02:15:39
我試過浮動左邊的位置相對我似乎無法得到它的工作。 – ONYX 2012-03-02 02:19:56