CSS 最小高度

傷城~ 2022-09-23 10:52 206阅读 0赞

*   *   *  最小高度
         *  DEMO
         *  效果图

### 最小高度 ###

就是 给div一个最小高度 内容 很少的时候 占据最小高度 多的话 自动拉伸

height: 50px; 
                min-height: 50px;
                height: auto !important;

ps: height 和min-height 保存一致

### DEMO ###

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style> .test{ width: 80%; height: 50px; border: #F00 1px solid; min-height: 50px; height: auto !important; } </style>
    </head>
    <body>
    <div class="test">
        内容很少时候也占50px
    </div>
    <div class="test">
        内容很多自动撑开内容很多自内容很多自动撑开内容很多自动撑开内容很多自动撑开内容很多自动撑开动撑开内容很多自动撑开内容很多自
        动撑开内容很多自动撑开内容很多自动撑开内容很多自动撑开内容很多自动撑开内容很多自动撑开内容很多自动撑开内容很多自动撑开内容很多自动撑开
        内容很多自动撑开内容很多自动撑开内容很多自动撑开内容很多自动撑开内容很多自动撑开内容很多自动撑开
        内容很多自动撑开内容很多自动撑开内容很多自动撑开内容很多自动撑开内容很多自动撑开内容很多自动撑开
    </div>
    <p style="color: #FF0000">dsfa</p>
    </body>
    </html>

--------------------

### 效果图 ###

![这里写图片描述][20160718083640215]

[20160718083640215]: /images/20220720/bfca9c82638e490f93995150e45cd237.png

发表评论取消回复

表情：

评论列表（有 0 条评论，206人围观）

还没有评论，来说两句吧...

相关阅读

相关最小高度树

> leetcode 310 题 \[medium\] > 中: [最小高度树][Link 1] > 英: [Minimum Height Trees][] > !

朱雀/ 2022年12月23日 13:28/ 0 赞/ 145 阅读

相关面试题 04.02. 最小高度树

题目来源 [https://leetcode-cn.com/problems/minimum-height-tree-lcci/][https_leetcode-cn.c

一时失言乱红尘/ 2022年12月18日 01:58/ 0 赞/ 127 阅读

相关 leetcode 310. 最小高度树拓扑排序

使用邻接矩阵会超时使用邻接表就不超时了每次去掉度为1的点到最后的两个以内的时候停止 define debug(x) cout<<x<<": "<<(

偏执的太偏执、/ 2022年12月16日 05:54/ 0 赞/ 137 阅读

相关 css 高度宽度计算属性_最大宽度（CSS属性）

css 高度宽度计算属性描述 (Description) This property sets the maximum content width of a bloc

逃离我推掉我的手/ 2022年12月03日 11:26/ 0 赞/ 247 阅读

相关 310. 最小高度树（JS实现）

1 题目 > 对于一个具有树特征的无向图，我们可选择任何一个节点作为根。图因此可以成为树，在所有可能的树中，具有最小高度的树被称为最小高度树。给出这样的一个图，写出一个函

忘是亡心i/ 2022年11月27日 15:59/ 0 赞/ 153 阅读

相关 CSS 最小高度

最小高度 DEMO 效果图最小高度就是给div一个最小高度内容很少的时候占据最小高度多的话

傷城~/ 2022年09月23日 10:52/ 0 赞/ 207 阅读

相关 Min-height 最小高度兼容ie6

ie6以及ie6以下版本 bug --Min-height 最小高度 min-width ！Important 解决 .minH{ m

雨点打透心脏的1/2处/ 2022年07月16日 02:13/ 0 赞/ 106 阅读

相关 CSS设定最低高度自动增加高度

有一个方框，我想设定最低高度，就是当内容少时下面以空白显示，内容多的时候超出的部分使这个方框会自动增加高度，怎么办 min-height:100px; /\高度最小值设置为

客官°小女子只卖身不卖艺/ 2022年06月02日 11:38/ 0 赞/ 210 阅读

相关 css实现容器高度适应屏幕高度

<html>元素的高度默认是auto，被内容自动撑开； 100%：使得html的height与屏幕的高度相等； 50%：使得html的height等于屏幕的一半；若想让

左手的ㄟ右手/ 2022年05月30日 22:28/ 0 赞/ 963 阅读

相关 css设置高度

html: <img src="/static/manager/home/img/zt.png" alt="" class="zt"> css: .zt

末蓝、/ 2021年09月23日 23:00/ 0 赞/ 348 阅读