Question

查看我的html + css代码：http://jsfiddle.net/nP39E/1/

我会解释是否不明白我想要实现的目标：

我想要一个带有div的页面，该div向右浮动，宽度为250px，div需要宽度为文档的其余部分。

在左边的div中，你可以看到我有一些其他的浮动元素，它们的高度是从右边的div中实现的。您可以看到第一个（红色）行，其高度与右侧栏的高度一致，与其内容的实际内容无关。

你能告诉我它为什么会发生吗？

Answer 1

我刚从最后一个答案中更改了内容div的CSS：

.content {
    background: #888;
    padding: 10px;
    position: absolute;
    right: 270px;
    left: 0;
}

你的想法是什么？

Answer 2

display: table并不意味着用于这样的布局，它对于特定的等高情况更有用。

正确浮动div并且不使用margin-right推左侧div将起作用：

.content {
    background: #888;
    padding: 10px;
    float: left;
    width: 250px;
}

Answer 3

您正在给予保证金权利：270px比可用空间宽，所以只需删除即可。你也应该让内容浮动：左。

.content {
    background: #888;
    padding: 10px;
    float:left;
}