关于CSS Hack与float闭合(清除浮动)

一、CSS HACK
以下两种方法几乎能解决现今所有HACK.

1, !important

随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)

<style>
#wrapper
{
width: 100px!important;
width: 80px;
}
</style></P>
<P>

2, IE6/IE77对FireFox

*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.

<style>
#wrapper
{
#wrapper { width: 120px; }
*html #wrapper { width: 80px;}
*+html #wrapper { width: 60px;}
}
</style>

注意:
*+html 对IE7的HACK 必须保证HTML顶部有如下声明:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">
二、float 闭合(清除浮动)
将以下代码加入Global CSS 中,给需要闭合的div加上 class="clearfix" 即可,屡试不爽.
<style>
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
}
.clearfix {display:block;}
</style>

时间: 2024-07-29 04:37:00

关于CSS Hack与float闭合(清除浮动)的相关文章

CSS技巧:关于CSS Hack与float闭合(清除浮动)

核心提示:CSS技巧:关于CSS Hack与float闭合 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. <style>#wrapper{#wrapper {

关于CSS Hack与float闭合

一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1. !important 随着IE7对!important的支持,!important 方法现在只针对IE6的HACK.(注意写法:记得该声明位置需要提前.) <style> #wrapper { width: 100px!important; width: 80px; } </style> 2.IE6/IE77对FireFox *+html 与 *html 是IE特有的标签,firefox 暂不支持.而*+html

CSS HACK 与float浮动实现代码

一.css hack 以下两种方法几乎能解决现今所有hack. 1, !important 随着ie7对!important的支持, !important 方法现在只针对ie6的hack.(注意写法.记得该声明位置需要提前.)    代码如下 复制代码 <style> #wrapper { width: 100px!important; width: 80px; } </style> 2, ie6/ie77对firefox *+html 与 *html 是ie特有的标签, fire

css清除浮动方法和代码

  对于一个前端设计者,经常用CSS设计页面,对于清除浮动似乎是一个再基础不过的技巧了,但是清除浮动也是有很多方法和代码的,今天分享一个流行且在很多大项目上已被采用的CSS清除浮动的代码. 这个代码来源于positioniseverything ,通过after伪类:after和IEhack来实现,完全兼容当前主流浏览器. 上述代码是一种标准模式,效果和兼容性都是相当出色的,不过有些朋友总担心代码太多所造成的影响,可以这样优化一下,不影响清除效果,也是很不错的:

CSS清除浮动 万能float闭合

清除浮动,新手朋友往往不是很明白.如果不清除浮动对float进行闭合,在FF中往往会出错,本站有大量的文章进行过介绍.今天向大家推荐一个实例,非常简洁易用. 给需要闭合的DIV(class为clearfix)加上如下的CSS样式即可: .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} *html .clearfix{height:1%;} *+html .clearfix{

css float清除浮动实现代码

定义和用法 如果浮动非替换元素,则要指定一个明确的宽度:否则,它们会尽可能地窄. 注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止. 默认值: none 继承性: no 版本: css1 网页特效 语法: object.style.cssfloat="left" 实例 把图像向右浮动: img { float:right; } tiy 浏览器支持 所有主流浏览器都支持 float 属性. 注释:任何的版本的 intern

请问css里面的float是什么,怎么清除浮动,有什么作用

问题描述 请问css里面的float是什么,怎么清除浮动,有什么作用 请问css里面的float是什么,怎么清除浮动,有什么作用 解决方案 通常来说,html文档中块级别的元素都是从上到下依次排列的,每个块级别的元素都是自动撑满占据其父元素的一整行的,元素不能放在同一行. 而float属性就可以让元素脱离原来的文档流,使得多个块级别的元素可以排在同一行. 有个很好的博客,生动解析了float的作用和效果:http://www.zhangxinxu.com/wordpress/2010/01/cs

彻底理解浮动float CSS浮动详解 清除浮动的方法

原文:彻底理解浮动float CSS浮动详解 清除浮动的方法  我们把网页的常用的布局格式分为以下三种:   1.标准流.  所谓的标准流就是,行内元素自己单独一行,而块级元素是上下显示的. 以前我们学习的都是标准流.   注意:标准流使我们网页布局中最稳定的一种结构       2. 浮动流  使我们学习的脱离标准流的第一种方式.会影响我们标准流的排列.所以,我们布局的时候,能用标准流做的,就不用浮动做.       3. 定位流   定位流也是脱离标准流的一种模式.它完全脱离标准流,不会对标

CSS规范学习:闭合浮动元素

css|浮动|规范 闭合浮动元素 按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列.因此当其高度超出包含容器时,一般父容器不会自动伸长以闭合浮动元素.但是有时我们却需要这种自动闭合行为,具体如何处理呢? 有一种做法就是在父容器内再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器.这种方法浏览器兼容性好,没有什么问题,缺点就是需要额外的(而且通常是无语义的)标签,所以我个人不大喜欢. 后来又有了一种新的方式,使用 :