浮动和清除浮动

Posted 菜鸟婷婷

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浮动和清除浮动相关的知识,希望对你有一定的参考价值。

浮动:

1.会脱离标准文档流;

2.浮动元素会紧靠(设置统一方向的话);

3.脱标后文字会围绕在脱标元素四周;

4.行内元素脱标后将具有完整的盒子,也就是说可以设置行高和padding值;

清除浮动常用的几种方法:

1.父元素设置行高;

2.隔墙法:父元素最后添加一个div,设为clear;clear{

                                                                  clear:both

                                                                  };

3.伪元素的使用:

                   clearfix after{

                               content:“”;

                               display:block;

                               height:0;

                               clear:both;

                              visibility:hidden;

                              }

                 .clearfix{

                                zoom:1;

                                      }------------------为了兼容ie6.ie7----------------

以上是关于浮动和清除浮动的主要内容,如果未能解决你的问题,请参考以下文章

浮动与清除浮动的六种方法

关于清除浮动的方法

clear清除浮动最佳实践和BFC清除浮动

关于浮动与清除浮动

HTML要怎么清除浮动

清除浮动的几种方式和兼容性处理