清除浮动的多种方法

发布时间: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下浮动元素父类有宽度的话就不用清除浮动*/





推荐阅读:
  1. 质数的多种实现方法
  2. 清除浮动的方法

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

清除 浮动

上一篇:String.Format(二)

下一篇:域环境下利用组策略分别禁止两个客户机不能访问记事本和画图工具

相关阅读

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

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