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

overflow:hidden;
隐藏溢出,当内容超过其父元素时,可以使用该属性和值将溢出的部分裁剪掉,使页面更加美观
清除浮动,当子元素浮动时,给父元素添加overflow:hidden,按照它的第一个特性,应该将子元素超出的部分截掉,但是因为子元素有浮动,无法裁剪,所有只能由父元素增加高度去包裹住子元素,使得父元素拥有了高度,而这个高度是跟随子元素自适应的高度,这样就把浮动的子元素包含在父元素内了

posted @ 2019-01-02 17:31  小白&小菜  阅读(255)  评论(0编辑  收藏  举报
我是一个小菜鸟,飞呀飞呀,快飞高