Question

我有一个问题。

如果我在内容div中有2x div元素，例如“left”和“right”。

我希望左边的div有宽度：250px;和右边的宽度为：auto;所以右边的div适合浏览器窗口，如果我收缩它。这可能吗？

我试过了，右边的div跳到了左边的一边，而不是在右边。

.content {width:1000px;}
.left {width:250px;}
.right {width:auto;}

Answer 1

只需浮动左 div，然后使用右的左边距将其从左边的div下方删除：

.left {
    width: 250px;
    float: left;
}

.right { margin-left: 250px; }

并确保您在容器的末尾cleared the float。

例如：

.content:after { /* clearing the float */
  content: '';
  display: block;
  clear: both;
}

另外，您可能想看一下 Nicolas Gallagher的 micro clearfix hack ，或{SO：}上的this topic。