IE 和ff css 兼容遇到的问题
2010-08-09 10:51
417 查看
css 火狐 IE 问题
1. border: solid 1px black 在火狐下显示不出来。 (如果1px为thin等的话,那么IE 火狐边框显示的粗度差很大,只要改成px即可)
解决:清除浮动元素 overflow:hidden (不要用clear:both 有bug)
2. 两个div 高度相同问题。 div2高度要随div1高度变化而变化
css: .div{float:left;}
原先代码:(这样的代码 如果div1内容太多的话,那么div2容器高度不会随着div1的高度而变化。 只需加入: clear:both 红字
)
<div >
<div id="div1" class="div">div1 div1div1div1div1div1div1div1div1div1div1div1div1div1div1div1div1</div>
<div id="div2" class="div">div2</div>
<div id="让div2高度随着div1高度变化而变化 " style="clear:both">div2</div>
</div>
3.div高度问题: (最外层div 设置的border 不一定能 包住 里面的div1和div2容器,因为他有个默认高度。要添加clear:both
)
<div style="border:solid 1px black">
<div id="div1" class="div">div1 div1div1div1div1div1div1div1div1div1div1div1div1div1div1div1div1</div>
<div
id="div2" class="div">div2</div>
</div>
1. border: solid 1px black 在火狐下显示不出来。 (如果1px为thin等的话,那么IE 火狐边框显示的粗度差很大,只要改成px即可)
解决:清除浮动元素 overflow:hidden (不要用clear:both 有bug)
2. 两个div 高度相同问题。 div2高度要随div1高度变化而变化
css: .div{float:left;}
原先代码:(这样的代码 如果div1内容太多的话,那么div2容器高度不会随着div1的高度而变化。 只需加入: clear:both 红字
)
<div >
<div id="div1" class="div">div1 div1div1div1div1div1div1div1div1div1div1div1div1div1div1div1div1</div>
<div id="div2" class="div">div2</div>
<div id="让div2高度随着div1高度变化而变化 " style="clear:both">div2</div>
</div>
3.div高度问题: (最外层div 设置的border 不一定能 包住 里面的div1和div2容器,因为他有个默认高度。要添加clear:both
)
<div style="border:solid 1px black">
<div id="div1" class="div">div1 div1div1div1div1div1div1div1div1div1div1div1div1div1div1div1div1</div>
<div
id="div2" class="div">div2</div>
</div>
相关文章推荐
- 利用IE/FF的不同识别CSS来使用浏览器兼容问题
- CSS-项目中遇到IE兼容问题,处理随笔
- IE与FF不兼容网页布局CSS问题解决方案()
- 最全的CSS浏览器兼容问题【FF与IE】
- IE 和FF chrome css不兼容问题小结(1)
- IE和FF对CSS兼容问题
- DIV+CSS IE6/IE7/IE8/FF兼容问题汇总
- IE和FF兼容问题,JS和CSS方面
- DIV+CSS IE6/IE7/IE8/FF兼容问题大全
- IE和FF chrome css等 不兼容问题小结(2)
- IE与FF在js、css、html方面的不兼容问题
- ie与Firefox(ff) div+css兼容问题
- DIV+CSS IE6/IE7/IE8/FF兼容问题大全
- IE与FF在js、css、html方面的不兼容问题
- 利用IE/FF的不同识别CSS来使用浏览器兼容问题
- IE和FF对CSS兼容问题小计
- IE与FF不兼容网页布局CSS问题
- IE和FF兼容问题CSS和JS
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- CSS兼容IE问题