Come impostare l'altezza minima per un div?

Question

Ho una pagina in cui il contenuto in espansione esce dal div di attesa, anche il CSS pertinente è sotto. Semplicemente rimuovendo l'altezza: la linea 510px consentirà al div di espandersi secondo necessità. Tuttavia, i nuovi utenti che non hanno contenuti non avranno alcuna altezza e la pagina apparirà non controllata. Come posso impostare un'altezza minima?

.Bb1 
    { 
    width:680px; 
    height:510px; 
    background-color:#ffffff; 
    float:left; 
    border-right:3px solid #edefed; 
    border-radius: 10px; 
    } 

Answer 1

CSS permette una proprietà "min-height". Questo può essere usato per impostare l'altezza minima del div di cui stai parlando.

#div-id { min-height: 100px; } 

Answer 2

min-height:510px; 

css ha attributo un min-height

Answer 3

Incase si desidera impostare un minimo/massimo l'altezza e la larghezza minima/massima a un div, CSS permette la funzione specifica.

Per impostare la larghezza minima di div o qualsiasi altra classe/id/elemento, utilizzare;

min-width: 150px; 

Per impostare l'altezza minima del div o qualsiasi altra classe/id/elemento uso;

min-height: 300px; 

Analogamente per l'impostazione massima larghezza e l'altezza di un div o qualsiasi altra classe/id/elemento uso;

max-width: 600px; 
max-height: 600px; 

Importante:

Per la vostra div-espandersi liberamente in altezza e larghezza dopo che i dati è disponibile per gli utenti; sarà necessario impostare la larghezza/altezza su autoimmediatamente dopo aver impostato min-width o min-height.

min-width: 300px; 
width: auto; 

min-height: 100px; 
height: auto; 

Answer 4

.comments { min-height:650px;height:auto; } 


<div class="comments">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi.</div> 

Answer 5

Ecco d modo attraverso il quale è possibile impostare l'altezza min di un div

<div id="bb1" style="min-height:200px;> 
    ..... 
</div> 

o applicare

#bb1{ 
    min-height:200px; 
} 

se avete usato classe

come

<div class="bb1"> 

in div quindi utilizzare

.bb1{ 
    min-height:200px; 
}