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

请参阅下面的css/html;有人可以帮助为什么内部div（类“b”）的最大宽度不起作用吗？我在Chrome中运行它，它保持600px的最大宽度，不会调整到400px。当调整浏览器窗口时，外部div工作和调整自己从800到600，但内部div保持在600px！有小费吗？我尝试添加！重要的和其他的东西，但没有任何帮助。css max-width不能在另一个div内工作

谢谢！

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

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

来源

2015-02-17 Jason

什么是你想实现给予同等或更低的值？一切看起来都正常。带有'display：block'的元素（divs默认有这个）会一直展开以覆盖它们所能达到的最大宽度。 – Scott 2015-02-17 20:22:31

'a'使得父元素已经具有600px的最小宽度。由于父母已经是600px，因此'b'将占据所有空间。 – tachyonflux 2015-02-17 20:25:49

您是否想要在100px的div.b上放置左右边距？这似乎解决了它。 – j08691 2015-02-17 20:27:56

外面的DIV是错误的。由于amax-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

来源

2015-02-17 20:38:10 innovation

我刚刚尝试过你的CSS，但它仍然无法调整。 .b应该调整到300px，但它不会只是保持在600px – Jason 2015-02-17 20:44:04

它正在为我工作！我更新了我的答案，现在有一个演示。请检查它 – innovation 2015-02-17 20:47:01

感谢您的演示！但它仍然不起作用;当您将浏览器调整为600像素时，绿色div会覆盖黄色div。如果它会像我想要的那样调整，即使在600px的情况下，你仍然看到黄色伸出，因为绿色div应该变小 – Jason 2015-02-17 20:52:16

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

回答

相关问题