Css 清除浮动
作者：Allen 来源：Movoin Studio 发布时间：2008-09-15 18:47:00
标签：浮动,css
昨天晚上在家里把WM设计好的好台界面做成Html，在家里只用IE8和FF做了测试，感觉还行，除了感觉IE8还不成熟，渲染比较慢且不稳定外，标准化的还是很不错的，至少和FF已经差不了多少了。
今天来到公司，用IE7测试一下，汗。。。No Clear。。。竟然发现在FF和IE8中都可以正常使用的清除浮动的CSS竟然在IE7下无效果，无语。。。
到网上搜索IE7 清除浮动，第一篇文章就帮我解决了问题，嘿嘿。。。
FF版清除浮动
.clear_both:after {
display:block;
content:”.”;
visibility:hidden;
height:0;
clear:both;
}
overflow版清除浮动
.clear_both {
overflow:auto;
zoom:1;
}
正如你所见，这个方法很简单，但也有一个小小的问题，大家可别忘了overflow是干什么的，当我们一个容器定义了高度时，问题就出现了，不管是你将overflow的值设为auto或是hidden，这都会是一个问题，因为前者会出现滚动条，而后者则直接隐藏掉了。
那要如何解决这个问题呢？
那篇文章提出的解决方案是 IE7/FF/OP 下可以定义min-height，在IE6及以下版本中直接定义高度
.clear_both
{
height:auto;
_height:200px;
min-height:200px;
verflow:auto;
zoom:1;
_overflow:visible; /*IE6*/
}
0
投稿猜你喜欢
- zeroclipboard是一个跨浏览器的库类 它利用 Flash 进行复制，所以只要浏览器装有 Flash 就可以运行，而且比 IE 的
- 下面是用python写的，使用lxml来做html分析，从网上看到的，说是分析速度最快的哦，不过没有验证过。好了，上代码。 import u
- 问题现象元素的属性中没有id、name；虽然有class，但比较大众化，且位置也不固定；例如：页码中的下一页；那该如何找到该元素？<a
是否也像拥有自己的机器人呢？不挨个展示了。比如说你想实现一个夸人的功能："""作者：川川时间：2021/4/6- 目录通过与 OpenCV 模板匹配的 OCR信用卡 OCR 结果总结今天的博文分为三个部分。 在第一部分中，我们将讨论 OCR-A 字体，这
- 代码如下：<％ myDSN="DSN=xur;uid=xur;pwd=xur"mySQL="s
- 微服务架构中收集通常大家都采用ELK进行日志收集，同时我们还采用了SkyWalking进行链路跟踪，而SkyWalking数据存储也用到了E
- 本文实例讲述了wxPython中listbox用法。分享给大家供大家参考。具体如下：# load a listbox with names,
- list字符串元素排序需求：对list中的字符串按照首字母排序实现：list1 = ['as,jj,bk']for line
- js 获取经纬度的实现方法<!-- copyright (c) 2009 Google inc. You are free to
- 有些人说py中有两个函数可以实现对所有函数的了解以及使用，其中之一，就是我们今天要讲解的help函数。有些小伙伴可能比较陌生，但是另一个函数
- 用途logging模块是Python的内置模块，主要用于输出运行日志，可以灵活配置输出日志的各项信息。基本使用方法logging.basic
- 1、首先计算MD5加密的二进制数组（128位），然后再对这个二进制数组进行base64编码（而不是对32位字符串编码）。例如，用Python
- 一、mysql主(称master)从(称slave)复制的原理： (1).mas
- 前言：我目前使用的服务器为centos6.x 系统自带的python的版本为2.6.x，但是目前无论是学习还是使用python，python
- 1、设置数据库模式为简单模式:打开SQL企业管理器，在控制台根目录中依次点开Microsoft SQL Server-->SQL Se
- 本文实例讲述了Python装饰器用法与知识点。分享给大家供大家参考，具体如下：（1）装饰器含参数，被装饰函数不含（含）参数实例代码如下：im
- 以下列出了两种数据库的方法：ASP+Access20001.要获取的ID值字段属性必须设为：自动编号(我们假设字段名为recordID)2.
- 前言损失函数在机器学习中用于表示预测值与真实值之间的差距。一般而言，大多数机器学习模型都会通过一定的优化器来减小损失函数从而达到优化预测机器
- PIL 图片操作读取图片img = Image.open(“a.jpg”)显示图片im.show() # im是Image对象，im是num
