将div放在另一个旁边

时间:2014-06-12 14:30:51

标签: html css position

我想在另一个旁边放置一个div。它们都应该具有100%的宽度,其中左div具有以px指定的宽度。这个宽度可以变化。我希望正确的div扩展到右侧,这样两个div一起占用100%。

我做了一个小提琴来描述我的问题:http://jsfiddle.net/2gWLn/ 正如你所看到的那样,“正确”这两个词并不是一行。我试图通过将padding-leftfloat: left应用于正确的div来解决这个问题。但这不起作用,因为左div的宽度可能会有所不同,因此我无法将其指定为padding-left

我该如何解决?

1 个答案:

答案 0 :(得分:1)

以下内容可能有效:

.right {
    width: auto;
    height: 200px;
    background-color: yellow;
    overflow: auto;
}

overflow: auto设置为.right,这将为.right建立新的块格式化上下文,从而防止.right的内容与相邻的浮动元素进行交互。另外,将宽度值设置为auto而不是100%。 (宽度值100%适用于Firefox,但不适用于Chrome或IE。)

请参阅演示:http://jsfiddle.net/audetwebdesign/9X6VY/