可重新固定的固定（两个）和流体（一个）元件

Question

我正在尝试创建一个包含3个元素的布局，其中两个元素具有固定宽度，第三个元素占据父元素宽度的其余部分。

（1）： fixed-fluid-fixed流体有2个div，一个向左浮动，另一个在中间流体div内向右浮动。

（2）：如果我将固定的div放在彼此旁边，它应该是这样的。 fixed-fixed-fluid。

（3）：如果删除了其中一个fixed-div，则流体div应填充空格以形成fluid-fixed

（4）：同样，如果删除后面的fixed-div，流体应填充此空间，使其成为fixed-fluid布局，如图所示。

我尝试了什么： http://jsfiddle.net/nagendra_rao/28QUr/（问题在于，我无法重新安排div）

我不想使用js ，我相信只需使用html-css即可实现。

Answer 1

您可以像这样设置2个或更多<div>：

<div id="left_column_200px">
    <!-- content -->
</div>
<div id="column_100%_of_remaining>
    <!-- content -->
</div>

#left_column_200px {
    width: 200px; height: auto; overflow: hidden;
    position: absolute; top: 0; left; 0;
    z-index: 2;
}
#column_100%_of_remaining {
    width: auto; max-width: 100%; height: auto; overflow; hidden; padding-left: 200px;
    float: left;
    z-index: 1;
}

这应该有用。