css清除浮动的方法总结与选择（2）
作者：dudo 来源：dudo blog 发布时间：2008-06-06 12:58:00
标签：浮动,方法,css,设计,布局
2）使用after伪类
使用after伪类和内容声明在指定的现在内容末尾添加新的内容。经常的做法就是添加一个“点”，因为它比较小不太引人注意。然后我们再利用它来清除浮动（闭合浮动元素），并隐藏这个内容：
#outer:after{
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
但奇怪的是Windows中的Internet Explorer 6及以下版本并不支持CSS 2.1中的after伪类而Mac中的Internet Explorer却可以正常使用，所以我们还要单独针对Win/IE进行处理。在区分Win和Mac中Internet Explorer的诸多方法中，最常用就是Holly招数。Holly招数的原理是这样的，CSS代码
/* 这段代码只有IE/Win可以看见 \*/
CSS 规则
/* 结束Hack */
上面的代码中有两行注释，其中第一行结束时出现了反斜杠（\），在Mac的Internet Explorer中会认为注释并没有结束，于是继续向下直到第一个完事的“*/”出现，这中间的所有字符都被当作是注释，而IE/Win却也只会把第一行和第三行看作是注释，中间的为有效代码。所以这样就区分出来了不同平台上的IE了。
正是基于以上原理，在windows的IE 6上的清理浮动，可以使用如下代码：
#outer {
display:inline-block;
}
/* Holly Hack Begine \*/
* html #outer {
height:1％;
}
#outer {
display:block;
}
/* End Hack */
P.S. 如果你不考虑 IE6/Mac用户的话你只需要写* html #outer {height:1％;}即可。
另外，似乎在Internet Explorer 7中不高display:inline-block也不好使。因此要使用最完整的Hack招数。
如果你对如何使用CSS 2中的伪类不熟悉的话，推荐你先阅读一下“细说CSS样式选择符——CSS 2.1 Selectors（1）、（2）、（3）”
0
投稿猜你喜欢
- MS SQL性能是很不错的，但是数据库用了一段时间之后，数据库却变得很大，实际的数据量不大。一般都是数据库日志引起的！数据库日志的
- 描述在linux中获取进程cmdline时遇到隐藏符号问题，如下：[root@vm010066016161 /root]#cat /proc
- 1.指向“开始->程序->Microsoft SQL Server 2005->配置工具->SQL Server 外
- 前言上回在 用 Go 写一个轻量级的 ssh 批量操作工具 里提及过，我们做 Golang 并发的时候要对并发进行限制，对 goroutin
前言在本文中，您将学习如何使用 OpenCV 进行人脸识别。文章分三部分介绍：第一，将首先执行人脸检测，使用深度学习从每个人脸中提取人脸量化- 修改文件的名字 使用“FileSystemObject(文件系统对象)”的GetFile函数得到一个“文件对象”，然后修改这个“文件对象”的
- PHP PDO 预处理语句与存储过程很多更成熟的数据库都支持预处理语句的概念。什么是预处理语句？可以把它看作是想要运行的 SQL 的一种编译
- 前言 BeautifulSoup是主要以解析web网页的Python模块，它会提供一些强大的解释器，以解
- 下载依赖首先需要下载hadoop和spark，解压，然后设置环境变量。hadoop清华源下载spark清华源下载HADOOP_HOME =&
- 什么是死锁，在Go的协程里面死锁通常就是永久阻塞了，你拿着我的东西，要我先给你然后再给我，我拿着你的东西又让你先给我，不然就不给你。我俩都这
- 支持向量机常用于数据分类，也可以用于数据的回归预测1、Question?我们经常会遇到这样的问题，给你一些属于两个类别的数据（如子图1），需
- 下面展示了图像的加密和解密过程（左边是输入图像，中间是加密后的结果，右边是解密后的图像）：1、加密算法要求（1）加密算法必须是可逆的，拥有配
- 前言：开发环境：python 3.8pycharm 2021.2 专业版代码实现：发送请求获取数据解析数据(筛选数据)保存数据连接数据库请求
- 这个仿msn的右下角popup提示窗口效果很久以前收集的，现在整理出来给大家分享，需要的朋友可以拿去用，特点，提示窗口内容和js代码分离容易
- 说明1、导入模块pyplot，并指定别名plt，以避免重复输入pyplot。模块化pyplot包含许多用于制作图表的功能。2、将绘制的直线坐
- 游标(Cursor)是处理数据的一种方法，为了查看或者处理结果集中的数据，游标提供了在结果集中一次以行或者多行前进或向后浏览数据的能力。我们
- 前言本文主要介绍了关于go语言之包和变量的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。一、包的概念包是go语言
- 前言如果你之前没用过进度条，八成是觉得它会增加不必要的复杂性或者很难维护，其实不然。要加一个进度条其实只需要几行代码。from alive_
- 服务端渲染及session鉴权服务端渲染服务端渲染简单来说就是前端页面是由服务器通过字符串拼接动态生成的，客户端不需要额外通过Ajax请求参
- 本文针对Python time模块进行分类学习，希望对大家的学习有所帮助。一.壁挂钟时间1.time()time模块的核心函数time()，
