Question

见下面的css / html;有人可以帮助为什么内部div（类＆＃34; b＆＃34;）的最大宽度不起作用？我在chrome中运行它，它的最大宽度为600px，并且不会调整为400px。在调整浏览器窗口时，外部div工作并从800调整到600，但内部div保持600px！有小费吗？我尝试添加！重要和其他东西，但没有任何帮助。

谢谢！

＆＃13;

.a{
margin: 0 auto;
background:yellow;
max-width:800px;
min-width:600px;
height:100px;

}
.b{
margin: 0 auto;
background:green;
max-width:600px;
min-width:400px;
height:50px;
}

＆＃13;

<div class="a">
<div class="b">
</div>
</div>

＆＃13;

Answer 1

外部div是错误的。由于a max-width:600px;浏览器停止max-width，您必须从.b

提供相等或更低的值

.a{
    margin: 0 auto;
    background:yellow;
    max-width:800px;
    min-width:400px;
    height:100px;

}
.b{
    margin: 0px 50px 0px 50px;
    background:green;
    min-width:400px;
    height:50px;
}

工作DEMO

css max-width不在另一个div内工作

1 个答案: