CSS 财产 min-width 不要运作

我有以下问题：

我有 div, 包含其他元素，我试图使其成为依赖内容的宽度。 我也限制了这个的最大宽度 div. 我用

min-width

和

max-width

在 CSS, 但似乎

min-width

不起作用。 宽度 div 总是等于价值

max-width

, 无论这个内容是什么。

例子

:

我想有白色 div /那是主要的 div, 我说的是哪个/ 严格围绕它的形式，位于它，没有左右空的地方。 我给了形式风格

max-width:500px

, 表明即使内容很小，主要是 div 它保持不变。

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;

}

https://i.stack.imgur.com/noLll.png
/来源：
http://wstaw.org/m/2011/11/25/ttt.png
/