您的位置:首页 > Web前端 > CSS

CSS问题整理

2010-03-17 14:04 253 查看
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;}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: