我想在另一个旁边放置一个div。它们都应该具有100%的宽度,其中左div具有以px指定的宽度。这个宽度可以变化。我希望正确的div扩展到右侧,这样两个div一起占用100%。
我做了一个小提琴来描述我的问题:http://jsfiddle.net/2gWLn/
正如你所看到的那样,“正确”这两个词并不是一行。我试图通过将padding-left
或float: left
应用于正确的div来解决这个问题。但这不起作用,因为左div的宽度可能会有所不同,因此我无法将其指定为padding-left
。
我该如何解决?
答案 0 :(得分:1)
以下内容可能有效:
.right {
width: auto;
height: 200px;
background-color: yellow;
overflow: auto;
}
将overflow: auto
设置为.right
,这将为.right
建立新的块格式化上下文,从而防止.right
的内容与相邻的浮动元素进行交互。另外,将宽度值设置为auto
而不是100%
。 (宽度值100%
适用于Firefox,但不适用于Chrome或IE。)