嵌套的最大宽度和最小宽度div

Question

我正在尝试创建以下布局。

我正在尝试制作黄色和红色块流体，同时保持绿色和蓝色块最大宽度。 See this fiddle

当我尝试扩展屏幕尺寸时，绿色块会从其余布局切割。

当我尝试缩小屏幕尺寸时，黄色块会缩小。

HTML代码

<div id="sidebar">
</div>
<div id="content">
    <div id="block1">
    </div>
    <div id="block2">
    </div>
</div>

Answer 1

请尝试以下操作： Demo

在您的代码中添加：

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}