大网站常用清除float浮动的方法
来源:互联网 发布:手机怎么开放端口 编辑:程序博客网 时间:2024/05/17 04:52
<style type="text/css"> .div1{background:#000080;border:1px solid red;} .div2{background:#800080;border:1px solid red;height:100px;margin-top:10px} .left{float:left;width:20%;height:200px;background:#DDD} .right{float:right;width:30%;height:80px;background:#DDD} /*清除浮动代码*/ .clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} .clearfloat{zoom:1} </style> <div class="div1 clearfloat"> <div class="left">Left</div> <div class="right">Right</div> </div><div class="div2"> div2 </div>
优点:浏览器支持好,不容易出现怪问题(目前:大型网站都有使用,如:腾迅,网易,新浪等等)
缺点:代码多,不少初学者不理解原理,要两句代码结合使用,才能让主流浏览器都支持
建议:推荐使用,建议定义公共类,以减少CSS代码
评分:★★★★☆
0 0
- 大网站常用清除float浮动的方法
- CSS清除float浮动的常用几种方法
- 清除浮动float的两种常用方法
- 清除浮动的常用方法
- css清除浮动float的七种常用方法总结和兼容性处理
- css清除浮动float的七种常用方法总结和兼容性处理
- 清除浮动常用方法
- 清除浮动常用方法
- 清除float常用方法
- float浮动的特性以及清除浮动
- css清除浮动float的三种方法总结
- css清除浮动float的三种方法总结
- css清除浮动float的三种方法总结
- 清除浮动(float)的几种方法
- html、css清除浮动float的三种方法
- css清除float浮动的三种方法总结
- 常用的清除浮动的方法
- 常用的清除浮动的方法
- 九度OJ-1176-
- 九度OJ-1201-二叉排序树
- fetch_array()与fetch_assoc()的用法
- ssh学习整理笔记
- 将博客搬至CSDN
- 大网站常用清除float浮动的方法
- read obj
- POJ 3190 Stall Reservations(贪心+优先队列)
- 439UVa骑士移动
- CSU 1111 三家人
- uva难度分级列表
- AVL树 平衡二叉树 简介及实现原理
- hdu 5095 Linearization of the kernel functions in SVM(模拟)
- hdu 5969 最大的位或(二进制规律运算)