Html 具有灵活（可拉伸）侧栏的固定宽度内容

我没有试图解释这一点——我已经创建了一个图像——我在创建一个布局时遇到了困难，其中： 侧边栏是灵活的，可以扩展以填充固定宽度为725px的内容fiv未占用的空白空间

---

请看一下图片：）

我想这就是你需要的：

Html:

---

小定位巫术，似乎符合您的图片：右侧部分固定宽度为200px，左侧部分固定宽度为100px（但绝不小于100px）

#容器{
位置：相对位置；
最小宽度：310px；
}
#集装箱，左边{
背景颜色：蓝色；
右边距：210px；
高度：200px；
}
#容器.内容{
浮动：对；
背景颜色：绿色；
宽度：200px；
高度：200px；
位置：绝对位置；
排名：0；
右：0；
}

A.
B

@nikita rybak我想箱子应该在另一边P@Shaz什么意思？我只缩小了一点尺寸（725->200等）。不管怎样，你的例子也很好。@Nikita Rybak没关系，我猜我的眼睛只是在捉弄我。不过，当您的示例内容多于高度时，框保持不变。@Nikita Rybak太完美了！谢谢@Shaz，但你的右div似乎是felixble，我需要左div与Nikita的回答一致。如果你需要可变高度，并且绝对定位的元素高于静态元素，则这会分解。

<div id="contain">
    <div id="left">
        Left <br /> <br /> <br />
    </div>

    <div id="right">
        Right
    </div>
</div>

#contain {
    width 100%;   
}

#contain #left {
    min-width: 185px;
    width: 100%;
    border: 1px solid blue;
    display: table-cell;
}

#contain #right {
    min-width: 725px;       
    border: 1px solid red;
    display: table-cell;
}