关于浮动的前世今生（3）
作者：糖伴西红柿 来源：前端观察 发布时间：2009-08-19 18:51:00
标签：浮动,float,css
清除浮动
清除(clear)是浮动(float)的相关属性.一个设置了清除浮动的元素不会如浮动所设置的一样，向上移动到浮动元素的边界，而是会忽视浮动向下移动。如下，一图顶千言。
上例中，侧栏向右浮动，并且短于主内容区域。页脚(footer)于是按浮动所要求的向上跳到了可能的空间。要解决这个问题，可以在页脚(footer)上清除浮动，以使页脚(footer)待在浮动元素的下面。
#footer { clear: both; }
清除(clear)也有4个可能值。最常用的是 both，清楚左右两边的浮动。left 和 right 只能清楚一个方向的浮动。none 是默认值，只在需要移除已指定的清除值时用到。inherit 应该时第五个值，不过很奇怪的是 IE 不支持(这个不奇怪吧，IE 从来都这么特立独行吧 －糖伴西红柿注)。只清除左边或右边的浮动，实际中很少见，不过绝对有他们的用处。
0
投稿猜你喜欢
- 前言：单个线程时数据操作的只有一个线程,数据的修改也只有一个线程参与，数据相对来说是安全的,多线程时对数据操作的不止一个线程,所以同时对数据
- 是的，我们知道：我们可以为border设置它的width，这个border的宽度可以是5px，可是10px，可以是20px，可以是随意数值。
- 运行环境：IIS脚本语言：VBScript数据库：Access/SQL Server数据库语言：SQL1．概要：不论是在论坛，还是新闻系统，
- 1. 引言元组是Python中一种重要的内置数据类型。与列表一样，我们经常使用元组将多个对象保存为相应的数据容器。然而，与列表不同的是元组的
- 最近的uniapp开发中遇到了H5调微信授权登录的业务，记录一下解决方法微信授权微信授权分为两种类型：静默授权：scope=snsapi_b
- 本文实例讲述了PHP会话控制技巧。分享给大家供大家参考，具体如下：Demo1.php<form method="get&qu
- 前言Python代码缩进和测试模块是大家学习python必不可少的一部分，本文主要介绍了关于Python代码缩进和测试模块的相关内容，分享出
Python：2.7 IDE：Pycharm5.0.3 今天遇到一个问题，就是在使用json.load()时，中文字符被转化为Unicode- Python pip安装lxml出错的问题解决办法1. 在使用pip安装lxml过程中出现了一下错误： &
- 你知道世界上有多少种浏览器吗？除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外，世界上还有近百种浏览器。几天
- 在web自动化测试中，测试工程师经常会碰到frame表单嵌套结构，直接定位会报错，我们需要切换表单后才能成功定位。我拿QQ邮箱登录来作为例子
- 于是写测试程序。。。不行 下载最新的ODBC。。。还是不行 通过sql plus查询。。。咦？竟然也查不到。。。 于是，折腾。。。折腾。。。
- python-pymysql获取字段名称-获取内容获取字段名称-获取内容import pymysql# 连接数据库db = pymysql.
- 前言在Python中，enumrate和range都常用于for循环中，enumrate函数用于同时循环列表和元素，而range()函数可以
- matplotlib官方除了提供了鼠标十字光标的示例，还提供了同一图像内多子图共享光标的示例，其功能主要由widgets模块中的MultiC
- 集合 (set)1、由不同的元素组成，用{ }大括号括起来，用，逗号隔开2、无序的3、集合中的元素必须是比可变类型4、集合会自动去重例如：s
- 本文实例讲述了python读取json文件并将数据插入到mongodb的方法。分享给大家供大家参考。具体实现方法如下：#coding=utf
- 今天，我们使用面部标记和 OpenCV 检测视频流中的眨眼次数。为了构建我们的眨眼检测器，我们将计算一个称为眼睛纵横比 (EAR) 的指标，
- Python发送email的三种方式，分别为使用登录邮件服务器、使用smtp服务、调用sendmail命令来发送三种方法Python发送em
- 观察一下”插入排序“：其实不难发现她有个缺点：如果当数据是”5, 4, 3, 2, 1“的时候，此时我们将“无序块”中的记录插入到“有序块”
