¿Cómo establecer la altura mínima para un div?

Question

Tengo una página en la que el contenido en expansión fluye desde el div tenencia, el CSS relevante también está debajo. Simplemente eliminando la altura: la línea 510px permitirá que el div se expanda según sea necesario. Sin embargo, los usuarios nuevos que no tengan contenido no tendrán ninguna altura y la página se verá desproporcionada. ¿Cómo configuro una altura mínima?

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

Answer 1

CSS permite una propiedad "min-height". Esto se puede usar para establecer la altura mínima del div del que estás hablando.

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

Answer 2

min-height:510px; 

CSS tiene un atributo min-height

Answer 3

En caso que usted desea establecer un/altura mínima y máxima mínima y/o máxima anchura a un div, CSS permite que la función específica.

Para establecer el ancho mínimo de div o cualquier otra clase/id/elemento, use;

min-width: 150px; 

para establecer la altura mínima de la div o cualquier otra clase/id/elemento, el uso;

min-height: 300px; 

mismo modo para el ajuste máxima anchura y la altura de un div o cualquier otro/id/elemento de clase, el uso;

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

Importante:

Para su div-expanda libremente en altura y anchura después de datos está disponible para los usuarios; tendrá que establecer el ancho/alto en autoinmediatamente después de haber configurado 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

Aquí es d camino a través del cual se puede establecer la altura min de un div

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

o aplicar

#bb1{ 
    min-height:200px; 
} 

si ha utilizado clase

como

<div class="bb1"> 

en div luego usar

.bb1{ 
    min-height:200px; 
}