css最小宽度属性不工作？
css最小宽度属性不工作？
提问于 2018-02-12 00:53:16
我有以下问题：
我有包含其他元素的div，我试图使它的宽度依赖于内容。我也限制这个div的最大宽度。我用min-width和max-width在CSS中，但是看起来min-width不起作用了。div的宽度总是max-width价值，不管内容是什么。
HTML
<div class="gInnerBox sInnerBoxMain">
<form style="max-width:500px; margin-left: auto; margin-right: auto">
<div id='content'>
<!-- CONTENT -->
</div>
</form>
</div>CSS
.gInnerBox{
position: relative;
background-color: #fff;
opacity: 0.9;
padding: 10px 10px 10px 10px;
box-shadow: -5px -5px 20px #000, 5px 5px 20px #000;
-moz-box-shadow: -5px -5px 20px #000, 5px 5px 20px #000;
-webkit-box-shadow: -5px -5px 20px #000, 5px 5px 20px #000;
border: 1px solid #000;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.sInnerBoxMain{
max-width: 1000px;
min-width: 500px;
margin-left: auto;
margin-right: auto;
top: 50px;
}回答 1
Stack Overflow用户
发布于 2018-02-12 10:46:21
默认情况下，块级元素将展开以尽可能地填充宽度。所以它的宽度基本上是“100%”(差不多)，你说的是最大的1000 px，所以，它扩展到最大的1000 px。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100007384
复制相关文章
相似问题