当前位置: 首页 > news >正文

清除浮动

一直clear:both;清除浮动,听完课才知道这在IE6下有问题。现在推荐使用方法6

清浮动方法
1、给父级加浮动 --问题margin:0 auto;失效
2、给父级加display:inline-block;  --问题 magin:0 auto;失效
3、浮动元素下加
  <div class="clear"></div>
  .clear{height:0;font-size:0;clear:both}
  --问题IE6下存在最小高度问题
4、浮动元素下加
  <br clear="all"/>
  --问题不符合W3C标准
5、给父级加clear样式
  .clear:after{content:"";display:block;clear:both;}
  --问题IE6、7下不支持after伪类

根据hasLayout渲染方式
在IE6、7下浮动元素父级有宽度就不用清浮动

6、给父级加clear样式
   .clear{zoom:1}
  .clear:after{content:"";display:block;clear:both;}

7、给父级加overflow
  --IE6下有问题

转载于:https://www.cnblogs.com/miharu/p/4444973.html

相关文章:

  • zabbix监控mysql主从状态
  • 大整数算法[12] 有符号乘法
  • 多线程(七)---多线程同步相关问题
  • java基础入门1到100的奇数求和
  • 清除Css中select的下拉箭头样式
  • android中webview携带cookie以及webview所加载网页中js调用java方法问题
  • 模拟 ZOJ 3878 Convert QWERTY to Dvorak
  • 【Java每日一题】20170322
  • JavaScript中的对象复制(Object Clone)
  • C#后台传入数据JS接收
  • petstore-jdbc
  • css3 动画
  • [OS] linux常见问题汇总
  • Lua 程序设计 (Roberto,Ierusalimschy 著)
  • c3p0 连接过多导致tomcat无法启动的解决方法
  • JavaScript 如何正确处理 Unicode 编码问题!
  • (三)从jvm层面了解线程的启动和停止
  • Codepen 每日精选(2018-3-25)
  • Druid 在有赞的实践
  • JavaScript函数式编程(一)
  • js 实现textarea输入字数提示
  • Python利用正则抓取网页内容保存到本地
  • rabbitmq延迟消息示例
  • thinkphp5.1 easywechat4 微信第三方开放平台
  • 阿里中间件开源组件:Sentinel 0.2.0正式发布
  • 给github项目添加CI badge
  • 一个项目push到多个远程Git仓库
  • 与 ConTeXt MkIV 官方文档的接驳
  • 《TCP IP 详解卷1:协议》阅读笔记 - 第六章
  • 1.Ext JS 建立web开发工程
  • 阿里云ACE认证学习知识点梳理
  • 新年再起“裁员潮”,“钢铁侠”马斯克要一举裁掉SpaceX 600余名员工 ...
  • ​Python 3 新特性:类型注解
  • (11)工业界推荐系统-小红书推荐场景及内部实践【粗排三塔模型】
  • (173)FPGA约束:单周期时序分析或默认时序分析
  • (bean配置类的注解开发)学习Spring的第十三天
  • (Java岗)秋招打卡!一本学历拿下美团、阿里、快手、米哈游offer
  • (LeetCode C++)盛最多水的容器
  • (多级缓存)多级缓存
  • (二)pulsar安装在独立的docker中,python测试
  • (论文阅读31/100)Stacked hourglass networks for human pose estimation
  • (切换多语言)vantUI+vue-i18n进行国际化配置及新增没有的语言包
  • (十) 初识 Docker file
  • (十六)一篇文章学会Java的常用API
  • (译)计算距离、方位和更多经纬度之间的点
  • (转)Android学习笔记 --- android任务栈和启动模式
  • (转)eclipse内存溢出设置 -Xms212m -Xmx804m -XX:PermSize=250M -XX:MaxPermSize=356m
  • (转)shell调试方法
  • ***利用Ms05002溢出找“肉鸡
  • *ST京蓝入股力合节能 着力绿色智慧城市服务
  • .aanva
  • .Net FrameWork总结
  • .NET 设计一套高性能的弱事件机制
  • .net 无限分类
  • .net解析传过来的xml_DOM4J解析XML文件