毫无疑问，一个合理的布局和结构是最好选择。这不仅是因为你的布局在不同浏览器见表现不同，而且还因为的CSS有很多方法来布局你的每个元素。今天，我们希望与你们分享一些避免在创建CSS布局时容易遇到的错误的技巧。

More »

【译】10个惊人的CSS hack和技术 (10 astonishing CSS hacks and techniques)

原文：10 astonishing css hacks and technique
译文： 10个惊人的CSS hack和技术|奇亚
版权所有，转载请注明出处，谢谢

1 – 跨浏览器的 inline block

More »

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

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

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

下面这个是不正常的：

下面的是正确的代码
More »

关于一些浏览器的的Hack，我怎么老是忘，每次都要查，实在是郁闷

现在，就几句话我要写清楚！我只写关于 IE6, IE7 的hack

至于Chrome, Safari, Opera那些我就先不写了，毕竟那些出错是有点麻烦，目前也不是主流浏览器。那至于IE8，刚刚正式发布不久，从目前情况来看，显示效果和FF3好像还没发现不同，IE8以后再说了。如果你看到此文章时已经有发现问题的话，可以和我留言，我们共同研究。

1、只有IE6 和 IE7 有效的hack:

.abc{width:100px; *width:50px;} /*IE6与IE7将体现 width:50px*/

(这一条在我以前学习的教程中说是IE7特有的hack，但是我今天试验后，IE6也被影响到)

2、下面是 IE6, IE7 与 IE8, FF 的hack（其实可以和第一条放在一起）
就如我的感觉，使用IE8那么多天以来，页面显示方面更偏向于FF，而非传统的IE系列，这个原来是对付IE系列与FF系列的hack现在已经成了 IE系列与IE8和FF的hack了，呵呵，说实话，对于IE8的“叛徒”举动，我非常赞成，以后可以少很多工作量了。

.abc{width:100px; +width:50px;} /*IE6与IE7将体现 width:50px*/

3、只有IE6有效的hack

.abc{width:100px; _width:50px;} /*IE6将体现 width:50px*/

或者

.abc{ width:50px!important;      width:0;}  /*有important的必须在前面，ie6为0*/

More »