关于浮动的前世今生（4）
作者：糖伴西红柿 来源：前端观察 发布时间：2009-08-19 18:51:00
标签：浮动,float,css
伟大的塌陷
使用浮动(float)的一个比较疑惑的事情是他们怎么影响包含他们的父元素的。如果父元素只包含浮动元素，那么它的高度就会塌缩为零。如果父元素不包含任何的可见背景，这个问题会很难被注意到，但是这是一个很重要的问题。
塌陷的直观对立面更不好，看看下面的情况：
当上面的块级元素自动扩展以适应浮动元素时，段落间的文本流中会出现非自然的空白换行，而且没有有效的方法来修正这个问题。对于这种情况，设计师的抱怨会更甚于对塌陷的抱怨（没理解，不是设计完成之后才会进行页面编码吗？－ 糖伴西红柿）。
为了防止怪异的布局和跨浏览器的问题，塌陷问题几乎总是被要处理的。我们在容器中的浮动元素之后，容器结束之前来清除浮动。
0
投稿猜你喜欢
- 今天在 经纬 同学blog看到的。有这么一段代码：<ul id="demo"><li>
可能许多同学对SQL Server的备份和还原有一些了解，也可能经常使用备份和还原功能，我相信除DBA之外我们大部分开发员队伍对备份和还原只- 发现一个非常强的CSS在线排版：CSS Text Wrapper只要你拖拽线条，你就可以得到你想要的文字版式CSS代码。可以让想让文本块呈现
- SQL语言是一门简单易学却又功能强大的语言，它能让你快速上手并写出比较复杂的查询语句。但对于大多数开发者来说，使用SQL查询数据库并没有一个
- SQL语句先前写的时候，很容易把一些特殊的用法忘记，我特此整理了一下SQL语句操作，方便自己写SQL时方便一点，想贴上来，一起看看，同时希望
- 以前在一个图书类网站看到这样一个功能：客户可以按条件搜索书目的信息，服务器会将符合条件的信息筛选出来保存为一个Excel文件供客户下载。今天
- 前两天看见有人问静态网页加密问题，就写了这个代码稍微有些长，解释一下思路：加密时：先把用户的密钥A用md5加密为B,然后用B异或源文件S0得
- 下列语句部分是Mssql语句，不可以在access中使用。SQL分类：DDL—数据定义语言(CREATE，ALTER，DROP，DECLAR
- 为什么能实现在线编辑呢? 首先需要ie 的支持，在 ie 5.5以后就有一个编辑状态，就是利用这个编辑状态,然后用javascript 来控
- 介绍分面是指事物的多维度属性。例如一本书包含主题、作者、年代等分面。而分面搜索是指通过事物的这些属性不断筛选、过滤搜索结果的方法。可以将分面
- 如何利用网页弹出各种形式的窗口，我想大家大多都是知道些的，但那种多种多样的弹出式窗口是怎么搞出来的，我们今天就来学习一下：推荐：网页弹出窗口
- master库对于SQLServer来说，是很重要的系统数据库，保存着所有Sqlserver的用户信息、数据库信息等，当数据库崩溃时，mas
- 今年年初之时，微软发布了一个针对ActiveX控件的补丁，安装此补丁后的IE6中，当ActiveX控件获得焦点时，IE自动为其套上一个虚线矩
- 1.用CSS实现布局让我们一起来做一个页面，首先，我们需要一个布局。请使用CSS控制3个div，实现如下图的布局。考察应试者的基本布局知识—
- This is a {t}. {name}是一个很强大的字符串模板解析方法。它接受三个参数，分别是{args.text},{args.obj
- 根据 Dotzler 的统计，IE6 的份额正在缩水，这可能是 2009 年本人听到的第一个好消息。于此同时，Gmail 的浏览器支持列表中
- 当你提交一个查询的时候，MySQL会分析它，看是否可以做一些优化使处理该查询的速度更快。这一部分将介绍查询优化器是如何工作的。如果你想知道M
- 就算我们每天在叫嚷着创新经济，设计救国，我们在生活中也无处不在的看到各种设计庸俗、制作粗劣的海报、店面、户外广告、大胸美女和肌肉 * 交相辉映
- 1005：创建表失败1006：创建数据库失败1007：数据库已存在，创建数据库失败1008：数据库不存在，删除数据库失败1009：不能删除数
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&
