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>
)
2021-03-02 Dodaj komentarz
Udostępnij to

Nie znaleziono powiązanych wyników

    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.
    2021-03-02 0 0
    Udostępnij to
    Dlaczego jest złożony? 0 odpowiedzi zostało zwiniętych

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

    Polityka prywatności: https://zweryfikowac.pl/Polityka-prywatnosci.pdf
    Copyright © 2023, All Rights Reserved