html - CSS 两个并排的 div

Question

我需要两个并排的 div，其中右侧的始终拉伸(stretch)到 100%。左边的图像并不总是存在，它包含一张宽度和高度为 128 像素的图像。右侧的 div 内是一个 100% 宽度的表格。这可以做到吗？有谁知道该怎么做吗？

Answer 1

Here is a jsfiddle (我认为)可以解决你的问题。下次一些代码会很有帮助，这样我们就有了一个起点。

技巧是在右侧的 div 中使用绝对定位来使其“拉伸(stretch)”。请注意，父级不能进行静态定位。

编辑:如果图像并不总是存在，则在使用此技术时可能需要一些逻辑。在 JavaScript 中删除/添加一个类或其他内容以使 .child2 具有 left: 0px;。不确定您使用的是什么技术。

编辑2:Here is a link一篇讨论该技术以及该技术有用的其他情况的文章。