温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

清除浮动的多种方法

发布时间:2020-06-22 19:29:10 来源:网络 阅读:367 作者:风雨萧条 栏目:开发技术

1:给父类添加浮动   /* 浮动元素太多时有局限性 */

2:给父类添加display:inline-block   /* 会把元素直接的空格间隙也会应用上去 */

3:在浮动元素后面添加一个空元素,并设置清除浮动 clear:both;

4:在浮动元素后面<br clear:"all"> /* 不符合W3C标准 */

5:浮动元素的父类添加   /* 推荐这种方法 */

.box-set:before,

.box-set:after {

  content: "";

  display: table;

}

.box-set:after {

  clear: both;

}

.box-set {

  *zoom: 1;

/* 兼容IE6*/

}

6:父类添加overflow  

/* IE6下无效必须添加 zoom:1 */

/* IE6下浮动元素父类有宽度的话就不用清除浮动*/





向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI