.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}

.clearfloat{zoom:1}


原理:IE8以上和非IE浏览器才支持:after,原理有两点类似的,zoom可以解决ie6,ie7浮动问题。

优点:浏览器支持好,不容易出问题。

缺点:代码多。新手基本不理解。需要两句代码结合才支持主流浏览器。


更多相关文章

  1. 我无法在某些Web浏览器中输入我的注册文本字段
  2. (转)让所有浏览器支持HTML5 video视频标签
  3. 解决FCKEditor编辑器在浏览器返回时显示html源代码的问题
  4. 韩顺平_轻松搞定网页设计(html+css+javascript)_第19讲_js运行原
  5. 解决html代码中插入的图片在浏览器中不显示的办法
  6. j2ee的web项目,有最终的html代码(即f12看到的最终给用户浏览器展示
  7. 去除Chrome浏览器文本框边缘的黄线
  8. 我可以在所有浏览器中使用我的屏幕外菜单吗?
  9. 浏览器加载和渲染html的顺序

随机推荐

  1. Android架构组件-WorkManager
  2. Android中gravity与layout_gravity的区别
  3. android关机充电流程、充电画面显示
  4. Android广播机制分析
  5. Error running app: Instant Run require
  6. Android TextView和ImageView简单说明
  7. Android UI布局中设置了fill_parenet仍然
  8. Android关机充电流程
  9. android中空的view,可以设置为水平线
  10. Android 存储选项之 SQLite 优化那些事儿