CSS问题整理

1.IE7和FF下自动撑开DIV(宽度)

<div id="image_main">

　　<div id="image_left">

　　　　<div id="photoBorder"><img src="..." /></div>

　　　　<br class="clear"/>

　　</div>

</div>

 

#image_main{padding:10px;border:1px solid #cccccc;}

#image_left{width:500px;float:left;}

#photoBorder{padding:2px;background:#cccccc;float:left;}

或者{width:auto;border:1px solid #cccccc;float:left;}

 

2.遇到DIV不被撑开的情况，实在找不出原因，就多写几个<br class="clear"/>

 

3.IE中DIV下嵌套IMG...等有可能会有缝隙，解决方法：

<div class="photoBorder">
         <img id="photo" src="upload/tempPhoto/66.jpg" alt="当前头像" />
</div>

img{display:block;...}可消除缝隙

还不行，考虑：.photoBorder{display:inline;}