古老的问题：清除浮动
作者：yemoo 来源：yemoo博客 发布时间：2009-02-12 11:21:00
标签：清除浮动,浮动,问题,clear,css
清除浮动这个问题的提出，在现在来说应该算是一个非常古老的问题了，很多人对解决办法估计也能烂记于心了，但是我这个落后了不少的前端开发程序员，太长时间不写页面，今天仍然被这个问题困扰了半天。
好在这个问题并不新鲜，很快在网上找到了关于此问题的很不错的文章。有兴趣的可以参看这篇文章：《清除浮动的最优方法》，这里的办法是不错的，不过正如评论所说，使用overflow:auto总觉得有些问题，不是很舒服。因此对于解决办法我比较赞同这段话：
闭合浮动元素：针对firefox用overflow:auto。针对ie用*height:1％或者zoom:1。个人觉得overflow:auto少用为妙，会有些莫明其妙的问题。
最好用这个方法：
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1％;}
/* End hide from IE-mac */
一般来讲，在IE中使用*height:1％或者zoom:1，firefox使用overflow:auto足以解决问题。但是最后提出的clearFix的办法是目前最优最经典的解决办法，对firefox使用:after来实现清除浮动虽然有点繁琐，但是个不错的主意，避免了使用overflow。最终我还是采用了clearFix的办法。不知是否还有更好的解决办法，如果那位大师知道，希望能分享一下。
0
投稿猜你喜欢
- 用javascript实现Base64编码—解决中文问题因javascript求出来的是Unicode要转换成Ansi后才能对它进行Base
这是写给web设计者和前端开发者的教程，我们将演示如何使用Photoshop创建按钮的sprite图，然后是如何使用jQurey打造动态渐变- Application对象 Application对象是个应用程序级的对象，用来在所有用户间共享信息，并可以在Web应用程序运行期间持久地保
- Microsoft SQL Server 2000 能提供超大型系统所需的数据库服务。大型服务器可能有成千上万的用户同时连接到 SQL Se
- 原文地址：30 Days of Mootools 1.2 Tutorials - Day 19 - TooltipsMootools 1.2
- js也是可以做出狂炫的图形的，恭请超级高手分析。给大家看个例子吧。http://www.p01.org/releases/DHTML_con
- 互联网充斥着枯燥的设计，惠普、IBM、戴尔、微软，以及其他数不尽的网站（相似的布局，相似的配色）。可能有人会说通过这样一种标准化的界面可以使
- 大家都知道对于一个页面来说，最基本的结构呢就是<html> <head> <!-- 头部信息内容区域
- [pre]REPAIR [LOCAL | NO_WRITE_TO_BINLOG] TABLE[/pre][pre] tbl_name[,tb
- 如果当前绝对定位的元素需要透明（没啥内容、且不设置背景），背景元素有内容透出来的时候，IE6/IE7响应的不是期望的当前元素，而是背景元素。
- 近段时间由于修改一个ASP程序(有SQL注入漏洞)，在网上找了很多相关的一些防范办法，都不近人意，所以我将现在网上的一些方法综合改良了一下，
- 1. 鼠标的哪个按键被点击？<html><head><script type="text/javas
- 格式请使用 gif 或 jpg 或swf （flash）同一组广告请使用一种格式。命名命名方式：宽x高.图片格式x 必须小写 ； 图片格式
- 说到这个话题，我们有个产品叫群组，为什么人们需要群组？简单说，群组就是个圈子，是有共同爱好和话题的人群聚在一起讨论、分享的地方。这个产品的诞
- 好记星不如烂笔头，适时的总结梳理知识让人更轻松愉快。今天总结下学习和开发中遇到的JavaScript执行顺序的问题，今天挖个坑，以后会慢慢填
- em 和 strong 的区别，可以从三个层次上来谈。首先看 HTML 4.01 中的说明：EM: Indicates emphasis.S
- 语法结构： 1. Cast 语法结构：CAST ( expression AS data_type [ ( length ) ] ) 2.
- CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同，导致设计师在没有定义某个CSS属性时，不同的浏览器会按照自己的默认值来为没有定义
- 判断某一个表的记录总数，对于一个开发者来说是最再常见不过的事，我想大家都常用的作法就是:以下为引用的内容：select count(*) f
- my.ini文件[mysqld]max_allowed_packet = 10M
