如何设置潜水器的最小高度

我有一个页面，其中展开的内容从持有的div中流出，相关的CSS也在下面。简单地移除height:510px线将允许div根据需要扩展。但是，没有内容的新用户将不会有任何高度，页面看起来也不会被遮挡。如何设置最小高度？

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

CSS允许"最小高度"属性。这可以用来设置您正在讨论的div的最小高度。

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

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

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

min-width: 150px;

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

min-height: 300px;

类似地，要设置div或任何其他类/id/元素的最大宽度和高度，请使用；

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

重要信息：

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

min-width: 300px;
width: auto;
min-height: 100px;
height: auto;

min-height:510px;

css具有最小高度属性

p>以下是设置div 最小高度的方法

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

或应用

#bb1{
    min-height:200px;
}

如果您使用了类

像

<div class="bb1">

在div中，然后使用

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

这样做：

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

相关内容

最新更新

热门标签：