绝对定位和浮动造成的高度塌陷问题怎么解决?

第一种,如果是浮动所造成的高度塌陷问题,直接用clearfix可以解决
在这里插入图片描述

第二种,如果是绝对定位造成高度塌陷问题,可不可以用clearfix来解决呢?
在这里插入图片描述在这里插入图片描述

我们可以看到是不能够解决问题的,那这里给盒子1设置高度才可以解决问题
在这里插入图片描述在这里插入图片描述

总结一下

  • 若是浮动所造成的高度塌陷问题,直接用clearfix可以解决
  • 若是绝对定位造成高度塌陷问题,给父元素一个高度

猜你喜欢

转载自blog.csdn.net/weixin_46505015/article/details/105378031