2012-03-02 127 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