如何设置div的最小高度？

Question

我有一个页面，其中扩展内容流出持有div，相关的CSS也在下面。只需移除高度：510px线将允许div根据需要扩展。但是，没有内容的新用户将没有任何高度，并且页面看起来不合适。如何设置最小高度？

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

Answer 1

CSS允许“min-height”属性。这可用于设置您正在谈论的div的最小高度。

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

Answer 2

如果您想将最小/最大高度和最小/最大宽度设置为div，CSS允许使用特定功能。

要设置div或任何其他类/ id /元素的最小宽度，请使用;

min-width: 150px;

要设置div或任何其他类/ id /元素的最小高度，请使用;

min-height: 300px;

同样，为了设置div或任何其他类/ id /元素的最大宽度和高度，请使用;

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

重要：

为用户提供数据后，div 可自由扩展的高度和宽度;设置auto或min-width后，您必须立即将宽度/高度设置为min-height 。

min-width: 300px;
width: auto;

min-height: 100px;
height: auto;

Answer 3

min-height:510px;

css有一个min-height属性

Answer 4

您可以通过这种方式设置div的最小高度

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

或申请

#bb1{
    min-height:200px;
}

如果您使用了类

喜欢

<div class="bb1"> 

在div中

然后使用

.bb1{
    min-height:200px;
}

Answer 5

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


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

Answer 6

执行此操作：

.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>