码迷,mamicode.com
首页 > 其他好文 > 详细

浮动和清除浮动

时间:2017-02-16 14:05:26      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:清除   ie6   行高   兼容   元素   方法   splay   hid   浮动   

浮动:

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

浮动和清除浮动

标签:清除   ie6   行高   兼容   元素   方法   splay   hid   浮动   

原文地址:http://www.cnblogs.com/cntt/p/6404960.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!