当子元素脱离文档流时,父元素如果没有设置高度,则出现高度塌陷问题。
通常解决办法是在父元素中开启BFC。
子元素脱离文档流如果是float,则可以解决。子元素脱离文档流如果是absolute或者fixed,则开启BFC同样不管用。
这种情况下,CSS没有办法解决,可以用JavaScript获取子元素的高度,然后指定给父元素,可以保证子元素和父元素高度一致。
关于开启BFC解决高度塌陷对absolute无效的问题
最新推荐文章于 2024-07-05 16:16:06 发布
当子元素脱离文档流时,父元素如果没有设置高度,则出现高度塌陷问题。
通常解决办法是在父元素中开启BFC。
子元素脱离文档流如果是float,则可以解决。子元素脱离文档流如果是absolute或者fixed,则开启BFC同样不管用。
这种情况下,CSS没有办法解决,可以用JavaScript获取子元素的高度,然后指定给父元素,可以保证子元素和父元素高度一致。