美文网首页
解决浮动元素父级塌陷的问题

解决浮动元素父级塌陷的问题

作者: Leophen | 来源:发表于2018-11-22 21:52 被阅读0次

    如果网页中某个元素内具有多个带有浮动属性的子元素,使得父元素发生塌陷,则给父元素添加高度不能解决父元素塌陷问题。

    因为浮动的子元素元素脱离了标准流,使得父元素发生塌陷。

    如果父元素同样使用float脱离标准流,那么父元素和子元素就在同一排版空间,父元素就可以检测子元素的高度,所以就有了高度,我们给父元素添加overflow 和 zoom 可以有效地闭合住内部元素,使得父元素检测到当前元素的垂直总高度。

    clear同样具有闭合浮动的作用,需要在浮动的末尾进行使用,所以需要在所有浮动元素之后的元素给其添加clear 清除浮动才有效果。

    相关文章

      网友评论

          本文标题:解决浮动元素父级塌陷的问题

          本文链接:https://www.haomeiwen.com/subject/lqirqqtx.html