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-widthi
max-widthw CSS, ale wygląda na to, że
min-widthnie 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<sub>
(źródło:
wstaw.org
http://wstaw.org/m/2011/11/25/ttt.png
</sub>
)
Nie znaleziono powiązanych wyników
Zaproszony:
Aby odpowiedzieć na pytania, Zaloguj się lub Zarejestruj się
1 odpowiedzi
Anonimowy użytkownik
Potwierdzenie od: