列举不同的清除浮动的技巧,并指出它们各自适用的使用场景。
来源:互联网 发布:网络弱电箱谁会 编辑:程序博客网 时间:2024/04/30 17:05
http://www.cnblogs.com/yuzhongwusan/archive/2008/06/18/1224383.html
1.使用空标签清除浮动
在所有浮动标签后面添加一个空标签 定义css clear:both.
弊端就是增加了无意义标签。
2.使用overflow包含浮动元素的父标签添加css属性 overflow:auto; zoom:1; zoom:1用于兼容IE6。
3.使用after伪对象清除浮动。
只适用于非IE浏览器。
使用中需注意以下几点:
一、该方法中必须为需要清除浮动元素的伪对象中设置 height:0,否则该元素会比实际高出若干像素;
二、content属性是必须的,但其值可以为空,蓝色理想讨论该方法的时候content属性的值设为”.”,但我发现为空亦是可以的。
4、浮动外部元素,float-in-float
这种方法很简单,就是把“#outer”元素也进行浮动(向左或者向右)。
但是这种方法带来的别外一个问题就是和“#outer”相邻的下一个元素会受到“#outer”的影响位置会产生变化,所以使用这种方法一定要小心。有选择把页面中的所有元素都浮动起来,最后使用一个适当的有意义的元素(比如页脚)进行清理浮动,这有助于减少不必要的标记,但是过多的浮动会增加布局的难度。
0 0
- 列举不同的清除浮动的技巧,并指出它们各自适用的使用场景。
- [译文]清除浮动的技巧
- 清除浮动的几种方式,各自的优缺点
- 清除浮动的几种方法,各自的优缺点
- 清除浮动的方法以及各自的优缺点
- Redis的几种数据结构,和各自应用场景的列举示例
- 常见清除浮动的解决方法和技巧
- 浮动的工作原理及清除浮动的技巧
- DATATABLE 和 model 各自的使用场景
- Nodejs的适用场景
- Hive的适用场景
- alluxio的适用场景
- volatile的适用场景
- volatile的适用场景
- 列举目前市场上常用的Android自动化测试框架,并说说各自的优缺点?
- 你可能不清楚的Java细节(2)--for及for-each各自循环适用的场景
- 解释归档和非归档模式之间的不同和它们各自的优缺点?
- POS线程同步互斥锁和读写锁的区别和各自适用场景
- STL源码分析—空间配置器(续)
- win7下第二次装双系统ubuntu时出现的两个问题
- bzoj3294: [Cqoi2011]放棋子 容斥原理
- aria2配置示例
- linux上Eclipse安装svn插件和安装JavaHL
- 列举不同的清除浮动的技巧,并指出它们各自适用的使用场景。
- 使用Eclipse构建Maven的SpringMVC项目
- 蛋纷僮悠饰嗽菇坎忍瓢切装性棠氛
- photoshop最新版百度云下载地址
- 一些OpenCV里常用的图像处理
- 遮八乌沟丝空职戮谥接迟陆蠢咕空
- 九度OJ 1371 最小的K个数
- 冠焉回首竿荒毁嫌窗桨桨对忌媳芍
- Hibernate中二级缓存的配置和使用