html5 min-width,html – CSS min-width属性不工作

我有以下问题：

我的div包含其他元素，我尝试使其宽度取决于内容。我也限制这个div的最大宽度。我在CSS中使用最小宽度和最大宽度，但似乎最小宽度不起作用。 div的宽度始终为最大宽度值，无论内容如何。

例：

我想拥有白色的div(这是主要的div，我正在谈论)严格地围绕它的形式，左侧和右侧没有空格。我给了表单样式max-width：500px来显示，即使内容很小，主div保持不变。

HTML

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;

}