彻底弄懂CSS盒子模式之三(浮动的表演和清除的自述)（3）
作者：唐国辉 来源：蓝色经典 发布时间：2007-05-11 16:52:00
标签：float,clear
二、下面我要请我的好伙伴clear出场给你们讲讲它的故事，有请。
大家好，我是clear，能见到如此多人捧场我感到无比的荣幸，虽然在各位网页设计工作中我的作用常常被忽略，但我也有些作用是没有人能替代的，下面我将讲几项我实用作用以激发大家对我的兴趣：
1．如果你想一段文本流两边可以出现浮动对像的话，你可以用clear:none，看下面效果，蓝色背景段落两边的盒子是浮动的哦。
2．如果你要为一个网页准备一个页脚区块，比如<div id=”footer”></div>，你在设计网页的时候，你想不管你前边怎么浮动排版而又不想这个页脚跟上去，让它一直保持在前边内容后边，而且还是换行独立显示的，那么给这个页脚区块样式加个clear:both吧。
3．我还可以快速清除网页中具有浮动属性的不同对像的浮动，如果有很多的话，我的作用更能发挥出来，当然你也可以一条一条样式去删掉浮动的样式，但我肯定这样没有我来的方便，下面效果中，没有清除浮动前是横排的，但是清除后变成纵排（举此例只为说明问题，不管这实例实不实用），请自己删掉我的注释部分进行前后对比。
好了，我的介绍到此完毕，各位还满意吗？有什么不满意可以提出来哦。你的意见就像一面镜子，它可以让我很清楚地发现自己的不足，然后改进它。
0
投稿猜你喜欢
- /* 小弟刚刚接触ORACLE存储过程，有一个问题向各位同行求教，小弟写了一个存储过程，其目的是接收一个参数作为表名，然后查询该表中的全部记
- 下面这段代码，你知道有哪些错误吗：var g_bar = "bar";function foo(container, c
- 当来自应用程序的第一个连接控制锁而第二个连接需要相冲突的锁类型时，将发生阻塞。其结果是强制第二个连接等待，而在第一个连接上阻塞。不管是来自同
- 原文地址：30 Days of Mootools 1.2 Tutorials - Day 21 - Classes part
- 大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因，很多标题性的文字做成了图片。大多数情况
- 本人就职于一个本地门户网站，每天网站上的天气都得更新。久而久之感到相当麻烦，于是写了一个定时的新闻小偷，帖出来大家参考一下系统
- asp自定义错误显示方法：<html><head><meta http-equiv="Co
- 代码都比较容易理解的，主要就是在以16进制读取图片信息那段代码有点乱，其实仔细看看，也没什么的。glabal.cssbody{}{ &nbs
- 第一招、mysql服务的启动和停止net stop mysqlnet start mysql第二招、登陆mysql语法如下： mysql -
- 继续Mootools常用方法扩展，依然还是String类的扩展。方法：format说明：一个非常简单的format方法，和C#
- SQL中的单记录函数1.ASCII返回与指定的字符对应的十进制数;SQL> select ascii('A') A,a
- 有时会被问到“看看XXX网站如何？”之类的问题。谈到评估，通常都是指产品级的网站，如果模式很新，了解需要花一定时间。于是，很多人又问“那么你
- 在我们设计网页的时候，总会遇到一些不愉快的事情，最常见的莫过于在后台添加内容后才发现显示的页面被撑开，导致网页极度不美观。以前大
开发web应用程序是一件非常辛苦的事情，你需要花大把大把的时间来做无数的事情。假如你不运用有条理的方法，尤其是在复杂的项目中，你会承受忽视项- 问题：连续或者单个窗体，如何打印当前显示的记录？当前窗体还有对应的子窗体，也要一起打印出来我在一个窗体里有一个单号,大子窗体里有几组数据,我
- 不知道工商银行帐号是否是这样的格式, 如果错了请大家见谅!<script language="javascript"
- 1、很多B2C或者淘宝的卖家反应，下单了但没有支付的占有率超过30％，有的甚至到40％。对于冲动性消费的商品来说，这个70％左右的转化率其实
- asp采集常用的几个FUCTION如:利用流保存文件,利用fso检测文件是否存在,利用fso检测文件夹是否存在,保存文件,取得远程数据等1.
- 1、选取最适用的字段属性MySQL 可以很好的支持大数据量的存取，但是一般说来，数据库中的表越小，在它上面执行的查询也就会越快。因此，在创建
- 1.INSERT (往数据表里插入记录的语句) INSERT INTO 表名(字段名1, 字段名2, ……) VALUES ( 值1, 值2
