浮动
浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。
浮动带来的问题
因为浮动不占据空间，所以浮动的同级元素，会直接占据浮动元素所在的位置之下，会发生元素重叠。
解决浮动
方案一
结尾处加空div标签 clear:both，添加一个空div，利用css提高的clear:both清除浮动，让父级div能自动获取到高度.
方案二
给浮动元素的父元素添加一个高度，解决了父级div无法自动获取到高度的问题。
最后修改：2020 年 03 月 27 日
© 允许规范转载
1 条评论
案例丰富且贴合主题，论证逻辑环环相扣。