嵌套的最大宽度和最小宽度 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;
}