[Web前端] 子元素设置高度为100%, 却没有与父元素对齐高度.

大概描述一下我遇到的情况.父元素没有明确指定高度, 但是其中一个子元素的高度是确定的, 并且通过这个高度将父元素的高度撑起来. 另一个子元素的高度是100%, 即, 我想要使它与父元素的高度统一.但是, 指定高度100%的子元素没有与父元素的高度统一.不过, 如果明确而制定了父元素的高度为某一确定值, 那么这个指定高度100%的子元素的高度就生效了.奇怪的玄学问题增加了有几种解决方式供参考:使用绝对定位, 设置top和bottom为0使用表格布局, 这个我没用样式做过, 属性可以轻易做到

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

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

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

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

奇怪的玄学问题增加了

有几种解决方式供参考:

  1. 使用绝对定位, 设置top和bottom为0
  2. 使用表格布局, 直接指定display为table
Built with Hugo
主题 StackJimmy 设计