css - 最大化一个 float 的div？

Question

假设我有 2 个并排的 div:1 个向左浮动，另一个向右浮动。现在假设我将左侧 float div 的大小固定为 200px。如何强制右侧 float div 自身“最大化”或占据剩余的水平屏幕空间(无论浏览器窗口的大小如何？

Answer 1

Here's a solution (inverted, right is fixed 200px) for you using position:absolute .

Here's a solution where the left is fixed 200px .

方法:基本上固定左侧的“侧边栏”，并在右侧的灵活列中添加边距，该边距等于侧边栏的宽度。

代码如下所示:

.left {
    width: 200px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100px;
    background-color: #999;
}
.right {
    min-height: 100px;
    background-color: #666;
    margin-left: 200px; /* Same as left's width */
}​

它们都可以在 IE6 中正常工作。