最大化浮动div？

Question

假设我有2个div并排:1个向左浮动,另一个向右浮动.现在说我将左浮动div的大小修改为200px.如何强制右浮动div"自动"最大化或占用水平屏幕空间的其余部分(无论浏览器窗口的大小如何？

Answer 1

这是一个使用position:absolute的解决方案(倒置,右边是固定的200px).

这是一个左边固定为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中工作.