height:100%;怎样才会有效果
博客专区 > cobish 的博客 > 博客详情
height:100%;怎样才会有效果
cobish 发表于3年前
height:100%;怎样才会有效果
  • 发表于 3年前
  • 阅读 43
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云实验室 1小时搭建人工智能应用,让技术更容易入门 免费体验 >>>   

1、让div高度100%起作用,必须给它的父级标签也设置height:100%。

<html style="height: 100%;">
    <body style="height: 100%;">
        <div style="height: 100%;">
            <p>这样这个div的高度就会100%了</p>
        </div>
    </body>
</html>


2、该方法注意事项:

  • 高度100%的div如果设置了高度上的margin和padding,页面就会出现滚动条,div高度变得比100%还大。

  • 如果div的实际高度高于设置的100%,div的高度会自动扩展。


共有 人打赏支持
粉丝 34
博文 150
码字总数 45747
×
cobish
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: