浮动产生的原因:当父元素不给高度的时候,内部元素不浮动时会撑开,而浮动的时候,父元素的高度消失
解决方法:给父元素设置成BFC,
如何触发BFC?以下元素会创建 BFC:
根元素(<html>)
浮动元素(float 不为 none)
绝对定位元素(position 为 absolute 或 fixed)
Display不为block ,inline
overflow 的值不为 visible 的元素
浮动产生的原因:当父元素不给高度的时候,内部元素不浮动时会撑开,而浮动的时候,父元素的高度消失
解决方法:给父元素设置成BFC,
如何触发BFC?以下元素会创建 BFC:
根元素(<html>)
浮动元素(float 不为 none)
绝对定位元素(position 为 absolute 或 fixed)
Display不为block ,inline
overflow 的值不为 visible 的元素