记录一个容易忽略的 html高度height设置的问题 min-height

最新推荐文章于 2024-04-04 05:19:35 发布

acvc225

最新推荐文章于 2024-04-04 05:19:35 发布

阅读量239

点赞数

本文链接：https://blog.csdn.net/acvc225/article/details/106896754

版权

在做项目的时候遇到一个需求，有一个div要放入内容，不知道内容多少，外层div高度默认是能够被内容撑开，但是还有一个需求就是外地div也需要一个默认高度这里就可以用到css的 “ min-height ” 这个属性了

这是一个非常简单而且好用的属性，以前竟然忽略了

贴一下简单的代码

<div style="min-height: 200px; width: 200px; border: 1px solid red; height: auto; float: left; margin-right: 100px;">
        <div style="height: 100px; width: 100px; background-color: blue; margin: auto;"></div>
    </div>
    <div style="min-height: 200px; width: 200px; border: 1px solid red; height: auto; float: left;">
        <div style="height: 300px; width: 100px; background-color: blue; margin: auto;"></div>
    </div>