CSS 最小高度

最新推荐文章于 2023-03-15 22:21:13 发布

geekzsp

最新推荐文章于 2023-03-15 22:21:13 发布

阅读量1k

点赞数

分类专栏：前端文章标签： css div 最小高度 min-height

本文链接：https://blog.csdn.net/mixi9760/article/details/51938846

版权

前端专栏收录该内容

25 篇文章 2 订阅

订阅专栏

最小高度

就是给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>

效果图

这里写图片描述

geekzsp

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS 最小高度

最小高度DEMO效果图最小高度就是给div一个最小高度内容很少的时候占据最小高度多的话自动拉伸 height: 50px; min-height: 50px; height: auto !important;ps: height 和min-height 保存一致DEMO<!DOCTYPE html><html
复制链接

扫一扫