另一个div内的div框

Question

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

我需要将浅灰色框显示为“测试”进入较暗的灰色区域，位于左侧列表的右侧。它应该是270px高（或其他）并且伸展到左侧列表的右边缘，并且伸展到右侧封闭容器的边缘。

这是我的代码Fiddle。十分简单。谢谢，伙计们和加尔斯。

Answer 1

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

Here's an example of the second approach.

您也可以浮动侧边栏和灰色框，但我不建议这样做。

Answer 2

您需要float:left或以其他方式从流{/ p>中取出.revision-gutter div

在我的示例中左侧浮动：http://jsfiddle.net/trapper/f8yLh/1/

Answer 3

只需将float:left;添加到.revision-gutter即可！

你的CSS应该

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

他updated Fiddle!

Answer 4

将float: left;添加到revision-gutter课程，这应该可以帮助您入门。