【问题标题】:Nested max-width and min-width divs嵌套的最大宽度和最小宽度 div
【发布时间】:2015-04-15 16:38:38
【问题描述】:

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

我正在尝试使黄色和红色块流动,同时保持绿色和蓝色块的最大宽度。 See this fiddle.

当我尝试扩大屏幕尺寸时,绿色块会从布局的其余部分切出。

当我尝试减小屏幕尺寸时,黄色块会下降。

HTML 代码

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

【问题讨论】:

    标签: html css


    【解决方案1】:

    试试这样:Demo

    在您的代码中添加:

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

    【讨论】:

    • 尝试从布局的其余部分扩大屏幕尺寸绿色块切割。