如何将div的最小高度设置为视口的高度?

亚当78

如何将div的最小高度设置为视口的高度?

我尝试了以下CSS,但是当div内的内容超出此高度时,它会在div之外溢出,即div似乎不会基于div内的内容扩展。

 .panel-default { height: 100vh }

 <div class="panel panel-default">
     <div class="panel-body" >
         content goes here...
     </div>
 </div>
亚伦

您已经回答了自己的问题,请使用min-height...

 .panel-default {
   min-height: 100vh;
   background: red;
 }
<div class="panel panel-default">
  <div class="panel-body">
    content goes here...
  </div>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何将div拉伸为文档主体而不是视口的高度?(包含代码)

如何将div的最小高度设置为另一个div的高度?

减去标题高度后,将图像的高度设置为等于视口的高度

如何设置div高度以填充视口的空白区域

当容器大于视口时,将高度设置为浏览器视口的100%?

如何将固定高度的div大于视口粘贴到身体

如何使用jQuery for div将auto设置为最小高度?

如何将固定高度和宽度设置为div

如何将div的高度设置为外部div的100%高度?

我如何将最小高度设置为我的容器,然后在点击按钮后包装内容高度等于文本高度

Swing:如何将组件高度设置为容器的高度?

如何将按钮设为可用视口高度的一半?

是否将元素的高度设置为视口中可用的高度?

如何根据视口大小调整Div高度?

正确设置离子滚动视口高度

HTML部分的视口高度为100%

如何将空段落元素设置为字体大小(文本)的最小高度

将容器div的最小高度设置为其孙子div的最大高度

如何设置相对于文档高度而不是视口高度的CSS位置“顶部”?

如何根据视口高度缩小图像?

如何将div元素的高度设置为与另一个div相同

如何将父 div 的高度设置为具有位置的子 div:绝对

根据视口高度及其位置自动计算div的高度

高度未知的中心 div 高于视口高度

将最小高度设置为等于宽度

将图像滑块高度设置为最小图像的高度

如何将div高度设置为所选打印纸的100%?

CSS如何将div高度设置为100%减去nPx

如何将div设置为完全响应高度。(包括小提琴链接)