How to set minimum height for a div?

Question

CSS allows a "min-height" property. This can be used to set the minimum height of the div you're talking about.

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

Incase you want to set a minimum/maximum height and minimum/maximum width to a div, CSS allows the specific feature.

To set the minimum width of the div or any other class/id/element, use;

min-width: 150px;

To set the minimum height of the div or any other class/id/element, use;

min-height: 300px;

Similarly for setting maximum width and height of a div or any other class/id/element, use;

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

Important:

For your div to expand freely in height and width after data is available for users; you will have to set the width/height to auto immediately after you have set the min-width or min-height.

min-width: 300px;
width: auto;

min-height: 100px;
height: auto;

min-height:510px;

css has a min-height attribute

Here is d way through which you can set min height of a div

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

or apply

#bb1{
    min-height:200px;
}

if you have used class

like

<div class="bb1"> 

in div then use

.bb1{
    min-height:200px;
}

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


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

Do this:

.minHeight {
  min-height: 100px;
  height: auto;
  border: 1px solid red;
  /* IMPORTANT -- always set 'height: auto;' immediately after the min-height attribute */
}

<div class="minHeight">
  this div has a min-height attribute
</div>