1.浮动元素下加空div
为了统一样式，我们新建一个样式选择器class命名为“.clear”，并且对应选择器样式为“clear:both”，然后我们在父级“”结束前加此div引入class=”clear”样式。这样即可清除浮动。
这个class清除float产生浮动，可以不用对父级设置高度 也无需技术父级高度，方便适用，但会多加HTML标签。
2.父级div定义 overflow:hidden
对父级选择器加overflow:hidden样式，可以清除父级内使用float产生浮动。优点是可以很少代码即可解决浮动产生。
为什么加入overflow:hidden即可清除浮动呢？那是因为overflow:hidden属性相当于是让父级紧贴内容，这样即可紧贴其对象内内容（包括使用float的div盒子），从而实现了清除浮动。overflow:hidden清除浮动方法推荐使用。
3.在浮动元素下加
4.给浮动元素父级加{overflow:auto;zoom:1}
其他方法不兼容ie6/ie7故不推荐。
为什么要清除浮动呢？清除浮动的本质是什么？ 清除浮动主要是为了解决父级元素因为子级浮动引起的内部高度为0的问题。 清除浮动的几种方法： 1. 额外标签法：给谁清除
背景 有两个div父盒子, 内部子元素是浮动的: ![在这里插入图片描述][20210630155622902.png] <!DOCTYPE html>
1.浮动元素下加空div 为了统一样式，我们新建一个样式选择器class命名为“.clear”，并且对应选择器样式为“clear:both”，然后我们在父级“</div>”
清除浮动的几种方式 今天碰到了一个浮动导致元素没有高度的问题，网上搜了以下，有片文章写的比较好，拿过来自己在补充以下。不算纯粹原创，文末注明了出处，以表示对作者的尊重。本
[css浮动(float)及清除浮动的几种实用方法][css_float] CSS浮动是现在网页布局中使用最频繁的效果之一,而浮动可以帮我们解决很多问题,那么就让我们一起
From: [https://www.cnblogs.com/nxl0908/p/7245460.html][https_www.cnblogs.com_nxl0908_p_7
浮动产生负作用 1.背景颜色不能使用 子元素float ，如果父元素设置了background，而父级不能被撑开，所以导致背景颜色不能显示 2.边框不能撑开 如果父
标准流：盒子会各占整行位置。子盒子若是标准流，父盒子虽然没有高度，但是会撑开父盒子高度。 浮动：盒子浮了起来，不会占据原来的位置，若父盒子没有定义高度，则不会撑开父盒子，
偏执的太偏执、
柔情只为你懂
迷南。
今天药忘吃喽~
小鱼儿
还没有评论，来说两句吧...