0

这应该很简单，我认为我做对了……显然不是。

我需要将显示“测试”的浅灰色框放入左侧列表右侧的较深灰色区域。它应该是 270px 高（或其他），并延伸到左侧列表的右边缘，以及右侧封闭容器的边缘。

这是我的代码的小提琴。十分简单。谢谢，伙计们。

4

4 回答 4

3

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

这是第二种方法的示例。

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

于 2012-05-11T15:59:27.527 回答
1

您需要float:left或以其他方式将.revision-gutterdiv 从流程中取出

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

于 2012-05-11T16:00:55.777 回答
1

只需添加float:left;到.revision-gutter您的完成！

你的 CSS 应该是

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

他更新了小提琴！

于 2012-05-11T16:03:00.293 回答
0

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

于 2012-05-11T15:59:28.223 回答