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;}
<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;}
相关文章推荐
- IE与Firefox的CSS兼容问题整理(转)
- 2013年度最新整理45个div+css兼容性问题与解决方案
- DIV+CSS构建网站时常会出现浏览器不兼容的问题,下面整理了一些常见不兼容问题,及解决办法!
- CSS 布局经典问题初步整理
- [教程] [推荐] CSS图片垂直居中方法整理集合 !(常见问题解答)
- CSS 布局经典问题初步整理
- 最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox..
- css问题整理
- CSS 布局经典问题初步整理
- 整理解决一些 DIV+CSS 应用中的问题
- 最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)(收藏)
- css兼容性问题整理(二)
- css兼容性问题的整理
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...) 三
- CSS 布局经典问题初步整理
- css兼容性问题的整理
- 关于CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)
- 总结CSS面试题目的考察点及常见布局问题整理
- 网页设计-[ie与firefox的css兼容问题整理!]