首页 > 技术文章 > 浮动和清除浮动

cntt 2017-02-16 11:39 原文

浮动:

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----------------

推荐阅读