彻底弄懂CSS盒子模式之三(浮动的表演和清除的自述)(3)
作者:唐国辉 来源:蓝色经典 时间:2007-05-11 16:52:00
二、下面我要请我的好伙伴clear出场给你们讲讲它的故事,有请。
大家好,我是clear,能见到如此多人捧场我感到无比的荣幸,虽然在各位网页设计工作中我的作用常常被忽略,但我也有些作用是没有人能替代的,下面我将讲几项我实用作用以激发大家对我的兴趣:
1.如果你想一段文本流两边可以出现浮动对像的话,你可以用clear:none,看下面效果,蓝色背景段落两边的盒子是浮动的哦。
2.如果你要为一个网页准备一个页脚区块,比如<div id=”footer”></div>,你在设计网页的时候,你想不管你前边怎么浮动排版而又不想这个页脚跟上去,让它一直保持在前边内容后边,而且还是换行独立显示的,那么给这个页脚区块样式加个clear:both吧。
3.我还可以快速清除网页中具有浮动属性的不同对像的浮动,如果有很多的话,我的作用更能发挥出来,当然你也可以一条一条样式去删掉浮动的样式,但我肯定这样没有我来的方便,下面效果中,没有清除浮动前是横排的,但是清除后变成纵排(举此例只为说明问题,不管这实例实不实用),请自己删掉我的注释部分进行前后对比。
好了,我的介绍到此完毕,各位还满意吗?有什么不满意可以提出来哦。你的意见就像一面镜子,它可以让我很清楚地发现自己的不足,然后改进它。
标签:float,clear
0
投稿
猜你喜欢
兼容主流浏览器的【表情插入】源码
2010-07-02 13:02:00
一些建站常用简单html代码
2008-06-01 13:17:00
Dreamweaver 网页编辑常用表现的实现方法
2010-10-20 20:05:00
ASP实现控制虚拟主机功能的函数ADSI
2008-10-12 13:12:00
[整理版]防止Access数据库被下载的9种方法
2007-08-10 09:31:00
动态载入树 (ASP+数据库)
2010-05-27 12:20:00
XML与HTML的结合(上)
2008-09-05 17:19:00
Dreamweaver如何制作会移动的广告条
2010-10-20 20:04:00
自动定时备份sqlserver数据库的方法
2011-11-03 17:28:17
MySQL如何查询当前正在运行的SQL语句
2009-02-13 13:40:00
别人复制你网站的文章时自动加上注释
2009-02-09 13:20:00
网站LOGO设计规范的思考--2.网络LOGO的设计
2007-10-14 11:02:00
产品交互原型设计工具分享
2010-03-24 18:06:00
jQuery点击改变链接的文本
2010-03-19 18:11:00
基于生活形态的用户分群研究
2009-12-30 16:54:00
不安全的js写法
2009-09-16 14:26:00
混乱的标记语言XHTML2/HTML5
2009-07-31 14:27:00
Microsoft SQL Server数据库SA权限总结
2009-01-06 11:32:00
js检测浏览器语种,适合于多语言版本的站点
2007-09-12 19:16:00
FF下,用 col 隐藏表格列的方法详解!
2008-04-02 11:35:00