193 字
1 分钟
[Web前端] 子元素设置高度为100%, 却没有与父元素对齐高度.
2021-03-07

大概描述一下我遇到的情况.

父元素没有明确指定高度, 但是其中一个子元素的高度是确定的, 并且通过这个高度将父元素的高度撑起来. 另一个子元素的高度是100%, 即, 我想要使它与父元素的高度统一.

但是, 指定高度100%的子元素没有与父元素的高度统一.

不过, 如果明确而制定了父元素的高度为某一确定值, 那么这个指定高度100%的子元素的高度就生效了.

奇怪的玄学问题增加了

有几种解决方式供参考:

  1. 使用绝对定位, 设置top和bottom为0
  2. 使用表格布局, 直接指定display为table
[Web前端] 子元素设置高度为100%, 却没有与父元素对齐高度.
https://slimenull.com/posts/20210307093339/
作者
SlimeNull
发布于
2021-03-07
许可协议
CC BY-NC-SA 4.0