html width设置没用,CSS min-width属性不起作用

我有以下问题：

我有div包含其他元素，我尝试使其宽度依赖于内容。我也限制这个div的最大宽度。我在CSS中使用min-width和max-width，但似乎min-width不起作用。无论内容是什么，div的宽度始终为max-width值。CSS min-width属性不起作用

例子：

我想有白格(即主格，我是在谈论)严格围绕在它的形式，而不会在左侧和右侧空的空间。我给了表格样式max-width:500px来表明，即使内容很小，主格保持不变。

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;

}

2011-11-24

vizzdoom