У меня следующая проблема:
У меня есть div, содержащий другие элементы, и я пытаюсь сделать его ширину зависимой от содержимого. Я также ограничиваю максимальную ширину этого div.Я использую min-width
и max-width
в CSS, но кажется, что min-width
не работает. Ширина div всегда равна значению max-width
, независимо от его содержимого.
Пример:
Я бы хотел, чтобы белый 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;
}
(источник: wstaw.org )