关于浮动的前世今生(3)
作者:糖伴西红柿 来源:前端观察 时间:2009-08-19 18:51:00
清除浮动
清除(clear)是浮动(float)的相关属性.一个设置了清除浮动的元素不会如浮动所设置的一样,向上移动到浮动元素的边界,而是会忽视浮动向下移动。如下,一图顶千言。
上例中,侧栏向右浮动,并且短于主内容区域。页脚(footer)于是按浮动所要求的向上跳到了可能的空间。要解决这个问题,可以在页脚(footer)上清除浮动,以使页脚(footer)待在浮动元素的下面。
#footer { clear: both; }
清除(clear)也有4个可能值。最常用的是 both,清楚左右两边的浮动。left 和 right 只能清楚一个方向的浮动。none 是默认值,只在需要移除已指定的清除值时用到。inherit 应该时第五个值,不过很奇怪的是 IE 不支持(这个不奇怪吧,IE 从来都这么特立独行吧 -糖伴西红柿注)。只清除左边或右边的浮动,实际中很少见,不过绝对有他们的用处。
标签:浮动,float,css
0
投稿
猜你喜欢
如何解决因使用On Error Resume Next导致错误不正确的问题?
2009-12-16 18:34:00
如何查询占CPU高的oracle进程
2024-01-27 13:16:54
教你四种方法用来查看mysql版本
2009-06-28 11:13:00
几种MySQL中的联接查询操作方法总结
2024-01-25 05:15:15
在python中logger setlevel没有生效的解决
2021-12-13 16:03:01
抛砖:如何进行互联网项目开发
2010-01-25 12:25:00
详解JavaScript 中的批处理和缓存
2024-04-28 09:48:03
SQL Server数据库对上亿表的操作
2008-11-16 18:13:00
为你的网页添加背景音乐
2007-02-03 11:39:00
利用Python破解生日悖论问题
2022-11-08 02:37:55
需要掌握的八个CSS布局技巧
2008-05-17 11:45:00
Python实战之基于OpenCV的美颜挂件制作
2022-08-30 20:46:30
Python判断字符串是否为空和null方法实例
2021-06-27 07:47:23
Python深拷贝与浅拷贝用法实例分析
2023-11-06 01:25:04
golang中切片copy复制和等号复制的区别介绍
2024-02-13 15:10:13
Python字符串和文件操作常用函数分析
2023-07-25 08:42:23
Windows2012配置SQLServer2014AlwaysOn的图解
2024-01-16 15:39:01
Mysql临时表及分区表区别详解
2024-01-23 16:28:00
解决Vue大括号字符换行踩的坑
2024-04-10 13:47:43
简单的自定义php模板引擎
2023-11-24 02:44:24