古老的问题:清除浮动
作者: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的办法。不知是否还有更好的解决办法,如果那位大师知道,希望能分享一下。


猜你喜欢
- 通过 Regsvr 32 .exe, 然后注册下列 DLL : C:\Program files\Common Files\System\A
- 很多网友在经典论坛里说自己的网站为什么色彩上总是有问题,总是看起来没什么精神,没办法吸引人注意。小毅观察了一些网友们设计的网站发现他们在用色
- 一、实现划词功能说是划词翻译,实际上我们是通过获取用户的剪切板内容,通过一系列的操作得到的。首先呢,我们就先实现如何获取剪切板内容的程序首先
- 应用场景:工作中经常遇到大量的数据需要整合、去重、按照特定格式导出等情况。如果用 Excel 操作,不仅费时费力,还不准确,有么有更高效的解
- Python 中的 main 函数充当程序的执行点,在 Python 编程中定义 main 函数是启
- 最近遇到这样一个问题,在页面上要显示一段自定义的文本,文本如果较长的话需要换行显示。在HTML中可以通过<br/>标签换行,也可
- 如下所示:import serialimport timet = serial.Serial('com6', 115200)
- 引言最近python语言大火,除了在科学计算领域python有用武之地之外,在游戏、后台等方面,python也大放异彩,本篇博文将按照正规的
- 下面这个函数使用FSO对象来判断服务器上的某个文件是否存在:<%Private Function Dir(byVa
- 这是一个非常愚蠢的错误debug的时候要好好看error信息提醒自己切记好好对待error!切记!切记!------------------
- 最简单的方法当然可以直接print(net),但是这样网络比较复杂的时候效果不太好,看着比较乱;以前使用caffe的时候有一个网站可以在线生
- 目录一、前言二、什么是super三、super的常用使用场景总结一、前言最近有粉丝向我咨询super相关的问题,说网上搜索到的教程不够通俗易
- 1、并双击新建工程窗口中ActiveX DLL图标,VB将自动为项目添加一个类模块,并将该项目类型设置为ActiveX DLL。2、在属性窗
- INI是微软Windows操作系统中的文件扩展名。这些字母表示初始化。正如该术语所表示的,INI文件被用来对操作系统或特定程序初始化或进行参
- 之前有看过一个博文写的是白社会的设计很好但运营却有些遭,因为对每一个WebGame的推出时间把握不准,会有几个应用同时上线造成影响力的冲突,
- 我们做WEB程序开发过程中,经常会为了表格Table中的cellSpacing,cellpadding等样式的设置发愁,经常没有办法可想了,
- format()函数"""测试 format()函数"""def t
- 建表、insert数据create table tmp_login ( user_id int(11) , logi
- 本文主要介绍了pandas导出数据到文件的四种方式,分享给大家,主要也是给自己留个笔记,具体如下:import pandas as pdim
- 在 Python 中,集合(set)是一种无序且不重复的集合类型,它是由花括号 {} 括起来的一组元素。如果你想向集合中添加一个元素,你可以