/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

说明：

IE6 和 IE7 都不支持 :after 这个伪类，因此需要后面两条来触发IE6/7的haslayout，以清除浮动。幸运的是IE8支持 :after 伪类。因此只需要针对IE6/7的hack了。

More »

什么是浮动？

浮动是 css 的定位属性。我们可以看一下印刷设计来了解它的起源和作用。印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。
More »

不知道什么时候可以告别IE6，写CSS每次都要考虑到IE6 的HACK，前几周自己写一页，又碰到这个问题，以前写法是出现问题后就加一个display:inline;或者是加一个overflow:hidden;虽然问题可以解决，但不知道到底什么时候应该加。现在总结一些要加的情况：

总的来说这些问题都是因为float引起的，IE7还好不会有脾气，可是IE6它就不一样了。

1.如果一个选择器的子元素有float,就是设定一漂动，那么就会应该失去选择器的高度，下面有给个示例下：如
这个正常的情况：

下面这个是不正常的：

下面的是正确的代码
More »

[singlepic id=5 w=320 h=240 mode=web20 float=center]

一个利用jQuery实现菜单跟随页面滚动而移动的代码。对于一些站点的设计，可以采用这类办法。

查看DEMO