CSSHack与float闭合参考手册

开发 前端
你对CSS技巧中的CSSHack与float闭合的用法是否了解,这里和大家分享一下,其中有两种方法几乎能解决现今所有HACK,请看本文详细介绍。

这里和大家重点描述一下CSSHack与float闭合的用法,主要有两种方法几乎能解决现今所有HACK,比如说!important,随着IE7对!important的支持,!important方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)

CSS技巧:关于CSSHack与float闭合

一、CSSHACK

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

  1,!important

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

ExampleSourceCode 

  1. <style> 
  2. #wrapper  
  3. {  
  4. width:100px!important;  
  5. width:80px;  
  6. }  
  7. </style> 

   2,IE6/IE7对FireFox

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

ExampleSourceCode 

  1. <style> 
  2. #wrapper  
  3. {  
  4. #wrapper{width:120px;}  
  5. *html#wrapper{width:80px;}  
  6. *+html#wrapper{width:60px;}  
  7. }  
  8. </style> 

   注意:

  *+html对IE7的HACK必须保证HTML顶部有如下声明:  

  1. <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN" ""> 

二、float闭合(清除浮动)

  将以下代码加入GlobalCSS中,给需要闭合的div加上class="clearfix"即可,屡试不爽.

ExampleSourceCode 

  1. <style> 
  2. .clearfix:after  
  3. {  
  4. content:".";  
  5. display:block;  
  6. height:0;  
  7. clear:both;  
  8. visibility:hidden;  
  9. }  
  10. .clearfix  
  11. {  
  12. display:inline-block;  
  13. }  
  14. .clearfix{display:block;}  
  15. </style> 

【编辑推荐】

  1. 书写高效CSS注意的七个方面
  2. 深入剖析CSS层叠与继承的使用
  3. 专家推荐三大“***”CSS技巧!
  4. 探究网页布局中CSS无效的十个常见原因
  5. DIV CSS初学者必须掌握的10个问题与技巧

 

责任编辑:佚名 来源: 52css.com
相关推荐

2011-07-04 14:00:11

QT QEvent

2010-05-26 10:58:02

SVN管理

2010-09-28 10:44:30

HTML DOM参考手

2009-11-04 17:52:35

Oracle用户管理

2010-08-11 09:32:30

Ubuntu快捷键

2010-03-29 10:26:06

Nginx配置文件

2011-10-27 14:24:47

HTML 5

2009-06-17 09:48:11

javascript手事件参考

2014-03-17 09:34:01

HTMLHTML闭合

2010-03-04 13:56:31

Ubuntu mysq

2013-12-12 16:19:45

Lua脚本语言

2021-06-15 16:11:51

Linux手册页

2010-09-13 09:54:56

CSS浮动元素

2010-08-27 09:19:32

CSS层叠继承

2010-08-30 10:58:19

DIV CSSfloat

2010-06-22 23:58:29

Linux Badbl

2010-06-24 15:53:10

Linux指令

2010-09-15 16:19:17

IECSS hack

2010-09-02 14:17:56

CSS浮动

2020-07-13 09:05:47

点赞
收藏

51CTO技术栈公众号