float闭合(清除浮动)和CSS HACK

我是召哥哥

我是召哥哥

2016-02-20 00:11

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的float闭合(清除浮动)和CSS HACK,过去的都会过去,迎接崭新的开始,释放更美好的自己。

一、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

二、CSS HACK

  以下两种方法几乎能解决现今所有HACK.
  1, !important
  随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)style
#wrapper
{
width: 100px!important;
width: 80px;
}
/style


  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" ""

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

float闭合(清除浮动)和CSS HACK

Web开发
float闭合(清除浮动)和CSS HACK

CSS:闭合元素和浮动元素的差别

Web开发
CSS:闭合元素和浮动元素的差别

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

闭合浮动元素(clearing float)的简单方法

Web开发
闭合浮动元素(clearing float)的简单方法

理解CSS的浮动标签Float

Web开发
理解CSS的浮动标签Float

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS教程:弄懂闭合浮动元素

Web开发
CSS教程:弄懂闭合浮动元素

揭开迷惑 理解CSS的浮动Float

Web开发
揭开迷惑 理解CSS的浮动Float

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

word 插入图片问题

word 插入图片问题

Windows 8如何调用Tablet输入面板

Windows 8如何调用Tablet输入面板
下拉加载更多内容 ↓