CSS 最小高度

来源：互联网发布：我心伤悲莫知我哀赏析编辑：程序博客网时间：2024/05/25 13:33

- - 最小高度
  - 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>

效果图

这里写图片描述

0 0