ERIC岛

版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://ericneo.blogbus.com/logs/41391547.html

一直以来，在制作页面，写css的时候，碰到各浏览表现不一样的时候，不管三七二十一直接写hacks，虽然最后制作的页面在各浏览器下面表现的一致了，但是css不符合标准，碰到的问题也没仔细去查找原因，后期维护的时候，能让人抓狂。。。

今天又碰到了ie6下面 Img边缘空白的问题，以前是写个 _padding-bottom就搞定了，但是不符合标准了。

唉，写了这么多年css，表现的应该专业点嘛。上网搜了下，才知道是ie hasLayout的问题(关于ie hasLayout的问题，大家上网搜一下就行了，很多的)。

给img 加上float就能解决问题了。

Html代码

1. <style>  
2. .head img { float:left;}   
3. </style>  
4. <div class="head">  
5.     <img class="logo" src="images/logo.jpg" />  
6.     <img src="images/head_bar.jpg" />  
7. </div>