web前端清除浮动详解

清除浮动原因:   1.浮动的盒子脱标, 会造成没有主动设置高度的父盒子, 失去高度 2.浮动的元素对其他元素有影响, 这种影响会让两者相互贴靠,这种影响有的时候会让页面布局混乱 清除浮动的方式一: 主动给父盒子添加高度, 这是因为没有高度的父盒子, 是关不住浮动的儿子对其他元素的影响 注：但是, 考虑到代码的字节量, 我们基本上不用主动设置父盒子高度   清除方式二: clear: both;

>>阅读原文<<