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;}