CSS bug是布局中最头疼的问题。我们需�兼顾���览器，以期待获得一致的效果。�常�憾的是�厂商之间的竞争导致很多问题的存在。而IE6与IE7在很多问题上也存在�很大的差别。轻�的解决CSS bug是我们必须掌�的技能。现在整�出最常用的12�CSS BUG解决方法以�CSS BUG类的�技巧。

一� 针对�览器的选择器
这些选择器在你需�针对�款�览器进行css设计时将�常有用.
　　* html {}
　　IE7�其更低版本
　　*:first-child+html {} * html {}
　　仅针对IE7
　　*:first-child+html {}
　　IE7和当代�览器
　　html>body{}
　　仅当代�览器(IE7�适用)
　　html>/**/body{}
　　Opera9�其更低版本
　　html:first-child {}
　　Safari
　　html[xmlns*=""] body:last-child {}
�使用这些选择器,请将它们放在样�之�. 例如:

您也�以�考—CSS hacks：�览器特定选择器介�
http://www.52css.com/article.asp?id=635

二�让IE6支�PNG�明
一个IE6的Bug引起了大麻烦, 他�支��明的PNG图片。
你需�使用一个css滤镜.52css.com]

您也�以�考—除链接元素的虚线框（兼容IE7�IE6�FF）
http://www.52css.com/article.asp?id=743

四�给行内元素定义宽度

　　如果你给一个行内元素定义宽度,那么它�是在IE6下有效. 所有的HTML元素�么是行内元素�么就好是�元素. 行内元素包括: <span>, <a>, <strong> 和 <em>. �元素包括<div>, <p>, <h1>, <form>和<li> . 你�能定义行内元素的宽度, 为了解决这个问题你�以将行内元素转�为�元素.

五�让固定宽度的页�居中
为了让页�在�览器居中显示, 需�相对定�外层div, 然�把margin设置为auto. [www.52css.com]

六�IE6��边�的bug
给此对象加上display:inline��解决问题。具体介�：
http://www.52css.com/article.asp?id=144

七�Box Model 盒模型bug的一般解决办法
这是一个臭�昭著的问题了，详情�考这里：
http://www.52css.com/article.asp?id=106

八�两个层之间的3px间隙
传说中的“IE 3px bug�，解决的办法：
http://www.52css.com/article.asp?id=146

��在IE中的HTML注释引起文字奇怪的�制
Duplicate Characters Bug很神奇，具体的解决办法：
http://www.52css.com/article.asp?id=440

��图片替�技术
用文字总比用图片�标题好一些. 文字对�幕阅读机和SEO都是�常�好的.
<h1><span>Main heading one</span></h1>
CSS:
h1 { background: url(heading-image.gif) no-repeat; } 
h1 span { 
position:absolute; 
text-indent: -5000px; 
} 你�以看到我们对标题使用了标准的<h1>作为标签并且用css�将文本替�为图片. text-indent属性将文字推到了�览器左边5000px处, 这样对于�览者�说就看��了.

�一� 最�宽度
IE6�外一个bug就是它�支� min-width 属性. min-width�是相当有用的, 特别是对于弹性模��说, 它们有一个100%的宽度,min-width �以告诉�览器何时就���压缩宽度了.
除IE6以外所有的�览器你�需�一个 min-width: Xpx; 例如:.52css.com]

为了让他在IE6下工作, 我们需�一些�外的工作. 开始的时候我们需�创建两个div, 一个包��一个:.52css.com]

然�你需�定义外层div的min-width属性，本文由52CSS.com整�，转载请注明出处�.52css.com]

�二���水平滚动�
为了��出现水平滚动�, 在body里加入 overflow-x:hidden .

当你决定使用一个比�览器窗�大的图片或者flash时, 这个技巧将�常有用.