div盒内另一个div

Question

这应该是非常简单的，我认为我做的是正确的......显然不是。

我需要将“测试”的浅灰色框放入左侧列表右侧较暗的灰色区域。它的高度应该是270px（或其他），并且可以延伸到左侧列表的右侧边缘和右侧封闭容器的边缘。我的代码是Fiddle。十分简单。谢谢，伙计们和女孩们。

Answer 1

将float: left;添加到您的revision-gutter班，这应该让你开始。

Answer 2

有两种方法可以解决该问题，这源于您使用float: right。您可以1）将侧边栏上方的.theater灰色框移动，并将其正确地浮到其右侧，或者2）您可以将边栏更改为float: left，从灰色框中移除浮动块，并添加左边距。

Here's an example of the second approach.

你也可以浮动两个侧栏和灰色框，但我不会建议。

Answer 3

您需要float:left或以其他方式采取.revision-gutter DIV出流

向左浮动在我的例子：http://jsfiddle.net/trapper/f8yLh/1/

Answer 4

只需添加float:left;到.revision-gutter和你做！

你的CSS应该

.revision-gutter { 
    width:270px; 
    height:inherit; 
    background-color:#333333; 
    overflow-y:scroll; 
    float: left; 
} 

他updated Fiddle!