1、隔墙法：在两部分浮动元素中间，建一个墙。隔开两部分浮动，让后面的浮动元素，不去追前面的浮动元素。墙用自己的身体当做了间隙。 我们发现，隔墙法好用，但是第一个p，还是没有高度。
成都创新互联公司-专业网站定制、快速模板网站建设、高性价比古浪网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式古浪网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖古浪地区。费用合理售后完善，10多年实体公司更值得信赖。
2、使用空标记清除浮动，隔墙放。增加标签。 在浮动标签的后边加一个，不设置宽高然后设置.clearboth{clear：both}，然后再将需要的标签放到这个空标签后边即可 使用overflow属性清除浮动。
3、接下来在文章中将为大家详细介绍几种清除浮动的方法，具有一定的参考价值，希望对大家有所帮助。
4、第一种方式： 因为浮动框不在普通的文档流中，所以它不占据空间。
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
none ： 默认值。对象不飘浮 left ： 文本流向对象的右边 right ： 文本流向对象的左边 说明：该属性的值指出了对象是否及如何浮动。请参阅 clear 属性。
浮动至右边；css浮动扩展定义 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。
css中清除浮动可用clear属性，该属性定义了元素哪边不允许出现浮动，可选的常用的值有：left、right、both等，通常写成clear：both；即该元素两边都不允许出现浮动，这样即可清除浮动。
方法1：test{clear：both；} test为浮动元素的下一个兄弟元素 方法2：test{display：block；zoom：1；overflow：hidden；} test为浮动元素的父元素。
clear：both；这种方法有一个问题：margin失效。
css清除浮动大全，共8种方法。 浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。
接下来在文章中将为大家详细介绍几种清除浮动的方法，具有一定的参考价值，希望对大家有所帮助。
-moz-opacity：0.5； opacity：0.5；/*遮罩层一定要设置背景，否则起不到遮罩作用。
有几点需要注意： 浮动元素会被自动设置成块级元素，相当于给元素设置了 display：block （块级元素能设置宽和高，而行内元素则不可以）。 浮动元素后边的非浮动元素显示问题。
被输入的CSS文件中的样式规则定义语句就成为了输入到的CSS文件的一部分。
情形一：如果表格上面有 table-layout： fixed； 这个样式，上述代码在页面上显示的效果是 情形二：如果表格上面没有 table-layout： fixed； 这个样式，上述代码在页面上显示的效果是 很显然这两种结果都不理想。
td.alt{color：red} table td.alt a{color：red} td.alt，td.alt a { color： #1B1B1B； font-weight：bold；} td.alt，td.alt a{ color： red； font-weight：bold；} 代码里不能加颜色 谢谢各位大侠。懂了。