我需要两个并排的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