html - 具有灵活(可伸缩)侧边栏的固定宽度内容

Question

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

请看图片:)

Answer 1

我想这就是您需要的:http://jsfiddle.net/Shaz/GaZYt/1/

HTML:

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

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

CSS:

#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;
}