达拉~ 2022-06-09 09:31 采纳率: 64.7%
浏览 34
已结题

关于height：100%的生效问题

当父元素html和body没有设置height：100%时候，子元素设置height：100%是不生效的，但是如果子元素添加了定位，就可以生效，为什么，还有什么别的方式可以让元素height：100%生效，为什么

  • 写回答

1条回答 默认 最新

  • 王鹏飞的解忧屋 2022-06-09 09:49
    关注

    首先CSS的高度宽度是继承关系。（但是如果子元素添加了定位，就可以生效）是因为开启定位，元素会脱离文档流，和其他没有开启的定位的元素不在同一个文档流。
    元素设定显示的高度值
    普通流元素的百分比高度起作用的话，其父级元素必须有一个生效的高度值！
    非绝对定位元素的百分比是相对于content box计算的。
    元素使用绝对定位
    绝对定位的百分比是相对于父元素（这里的父元素是定位元素，如果没有，那么就是相对于窗口）的padding box计算的。
    例如：

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 系统已结题 6月17日
  • 已采纳回答 6月9日
  • 创建了问题 6月9日

悬赏问题

  • ¥60 大一项目课，微信小程序
  • ¥15 求视频摘要youtube和ovp数据集
  • ¥15 怎么改成输入一个要删除的数后现实剩余的数再输入一个删除的数再现实剩余的数用yes表示继续no结束程序
  • ¥15 在启动roslaunch时出现如下问题
  • ¥15 汇编语言实现加减法计算器的功能
  • ¥20 关于多单片机模块化的一些问题
  • ¥30 seata使用出现报错，其他服务找不到seata
  • ¥35 引用csv数据文件（4列1800行），通过高斯-赛德尔法拟合曲线，在选取（每五十点取1点）数据，求该数据点的曲率中心。
  • ¥20 程序只发送0X01,串口助手显示不正确,配置看了没有问题115200-8-1-no，如何解决？
  • ¥15 Google speech command 数据集获取