Porównaj ceny domen i usług IT, sprzedawców z całego świata

Właściwość CSS min-width nie działa


Mam następujący problem:

Mam element div zawierający inne elementy i próbuję uzależnić jego szerokość od zawartości. Ograniczam również maksymalną szerokość tego elementu div. Używam
min-width
i
max-width
w CSS, ale wygląda na to, że
min-width
nie działa. Szerokość elementu div wynosi zawsze
max-width
, bez względu na zawartość.

Przykład

:
Chciałbym mieć biały div (czyli główny div, o którym mówiłem) ściśle wokół formy, która się w nim znajduje, bez pustych przestrzeni po lewej i prawej stronie. Podałem styl formularza
max-width: 500px
, aby pokazać, że nawet jeśli zawartość jest mała, główny element div pozostaje taki sam.

HTML

<div class="gInnerBox sInnerBoxMain">
<form style="max-width:500px; margin-left: auto; margin-right: auto">
<div id='content'>
<!-- CONTENT -->

</form>


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&lt;sub&gt;
(źródło:

wstaw.org
http://wstaw.org/m/2011/11/25/ttt.png
</sub>
)
Zaproszony:
Anonimowy użytkownik

Anonimowy użytkownik

Potwierdzenie od:

Domyślnie element na poziomie bloku rozszerzy się, aby wypełnić jak największą część szerokości. Więc jego szerokość wynosi w zasadzie „100%” (coś w rodzaju), a ty mówisz, że maksymalnie 1000 pikseli, więc rozszerza się do maksymalnie 1000 pikseli. Minimalna szerokość jest nadal osiągana (co najmniej 500px). Spróbuj ustawić
display: inline-block
na elemencie i zobacz, czy to ci pomoże. Powinno to spowodować, że będzie się rozszerzał tylko tak długo, jak długo jego zawartość nadal będzie zwracać uwagę na minimalne i maksymalne szerokości. Może być konieczne dodanie przerywacza
& < br/& >
, gdy reszta treści dostosuje się do umieszczenia w treści.

Aby odpowiedzieć na pytania, Zaloguj się lub Zarejestruj się