CSS清除浮动常用方法小结
作者：heiniu 来源：阿里妈妈UED 发布时间：2009-07-07 11:59:00
标签：css,布局,float,清除浮动
使用xhtml+css布局经常性地会使用到float，很多邪门的事儿都有可能是浮动在作怪，那么清除浮动就是必须要做的，而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。
常用的清除浮动的方法有以下三种:
此为未清除浮动源代码，运行代码无法查看到父级元素浅黄色背景。
<style type=”text/css”>
<!–
*{margin:0;padding:0;}
body{font:36px bold; color:#F00; text-align:center;}
#layout{background:#FF9;}
#left{float:left;width:20％;height:200px;background:#DDD;line-height:200px;}
#right{float:right;width:30％;height:80px;background:#DDD;line-height:80px;}
–>
</style>
<div id=”layout”>
<div id=”left”>Left</div>
<div id=”right”>Right</div>
</div>
未清除浮动前如图所示：
0
投稿猜你喜欢
- 我已安装了WINDOWS NT OPTON PACK 中的SMTP Service，请问如何使用它的发送邮件功能？在安装了SMTP Serv
最近因为数学建模3天速成Python,然后做了一道网络的题，要画网络图。在网上找了一些，发现都是一些很基础的丑陋红点图，并且关于网络的一些算- 本文实例为大家分享了python名片管理系统的具体代码，供大家参考，具体内容如下import oslist_all = []def page
- 这个例子可作为一个模式，在你需要的时候套用。<!DOCTYPE HTML PUBLIC &q
- 使用函数 ugettext() 来指定一个翻译字符串。 作为惯例，使用短别名 _ 来引入这个函数以节省键入时间.在下面这个例子中，文本 &q
- python 网络编程详解网络编程的专利权应该属于Unix，各个平台（如windows、Linux等）、各门语言（C、C++、Python、
- MySQL查询交集、并集、差集背景和使用的数据样本该章节学些主要涉及到Datawhale SQL 组队学习任务；本次使用的数据，由Dataw
- 示例：《电影类型分类》获取数据来源电影名称打斗次数接吻次数电影类型California Man3104RomanceHe's Not
- 本文实例分析了php5.4传引用时报错问题。分享给大家供大家参考，具体如下：php5.3系列版本以及以前版本，传引用没有什么问题，升级到ph
- 是不是有这么一个场景，对外提供一堆数据或者是要返回给用户一个结果。但是不想把内部的一些数据和逻辑暴露给对方。。。简单点来说，就是想以服务的方
- 利用channel进行模拟令牌桶对访问进行限流func FW(max int,duration time.Duration){//定义一个c
- 前言XPath，全称XML Path Language，即XML路径语言，它是一门在XML文档中查找信息的语言，它最初是用来搜寻XML文档的
- 1. AdaBoost 算法简介Boosting是机器学习的三大框架之一，其特点是，训练过程中的诸多弱模型，彼此之间有着强依赖关系。Boos
- PyQt5树形结构控件QTreeWidget简介QTreeWidget 类根据预设的模型提供树形显示控件。QTreeWidget 使用类似于
- 一、创建多对多1.学生表create table students ( id int not null primary
- 回文数字是很有意思的数字，不管从最高位开始念，还是从个位开始念，最终结果都一样，有一种对称美。下面是回文数字的函数判断方式：def is_p
- 1.场景描述我们公司是做电商的，运营的工作指标都是按周来定的，所以他们对周特别敏感，希望我们能在日期选择器上显示周数。刚接到这个需求时，心中
- MySql8.0 查看事务隔离级别报错问题数据库查看事务隔离级别select @@global.tx_isolation,@@tx_isol
- 一般网站发布信息会在具体实现范围内发布，我们在进行网络爬虫的过程中，可以通过设置定时爬虫，定时的爬取网站的内容。使用python爬虫框架Sc
- zipfile模块是python中一个处理压缩文件的模块，解决了不少我们平常需要处理压缩文件的需求 ，本文主要谈谈zipfile几个常用的用
