ie里面宽和高的像素,已经包含了"边框"与"内补丁",而ff里面所指的宽和高指内补丁里面的内容不包括边框,内外补丁。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<style>
.box{
margin: 10px; padding: 10px;
border: 10px solid #F8F8F8;
background-color: #0099CC;
height: 100px; width: 100px;
float: left;
}
.box1 { background-color: #0000FF;
height: 100px; width: 10px;
float: left;
}
body { margin: 0px; padding: 0px;}
</style>
</HEAD>
<BODY style="background-color: #FF0000">
<div class="box">
</div>
<div class="box1">
</div>
</BODY>
</HTML>
要使IE和FF显示同样的效果,可以在css样式里加一个!important,这样不是IE的浏览器会优先选择。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<style>
.box{
margin: 10px; padding: 10px;
border: 10px solid #F8F8F8;
background-color: #0099CC;
/*如果不是IE优先使用60,如果是IE,使用100*/
height: 60px!important; width: 60px!important;
height: 100px; width: 100px;
float: left;
}
.box1 { background-color: #0000FF;
height: 100px; width: 10px;
float: left;
}
body { margin: 0px; padding: 0px;}
</style>
</HEAD>
<BODY style="background-color: #FF0000">
<div class="box">
</div>
<div class="box1">
</div>
</BODY>
</HTML>
分享到:
相关推荐
IE和谷歌浏览器下div宽度不一致的问题解决.txt
div css完美兼容IE6,IE7,FF的通用方法说明。
解决IE6 中select 穿透 div 等层的问题
DIV+CSS_IE-FF兼容 DIV+CSS_IE-FF兼容 DIV+CSS_IE-FF兼容 DIV+CSS_IE-FF兼容
DIV+CSS 图片居中效果 兼容 IE FF。。等浏览器
div错位解决IE6IE7IE8样式不兼容问题
完全兼容ie678和FF的div左侧固定代码,无需繁琐的JS
DIV+CSS 兼容性 IE FF 了解个浏览器之间的差异与共同点
ie和ff浏览器的兼容性的一些解决方法(div )
DIV+CSS网页中IE和火狐兼容问题的整理
DIV+CSS IE圆角,让IE也能支持圆角
DIV+CSS相对IE6、IE7和IE8的兼容问题
网页<Object>标签遮盖DIV标签解决方法,IE11亲测可用。
用JS实现和google地图类似的图片查看器 -----图片放大、缩小、移动和还原,都控制在div里,兼容ie,FF
DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf
最小高度能自适应高度IE.FF全兼容的div设置
十年积累,div+css 完全兼容 ie6 ie7 IE8 IE9 和firefox方法
DIV中兼容IE和Firefox的mouseleaves事件
NULL 博文链接:https://wing123.iteye.com/blog/964102
超漂亮JS的DIV特效!!!(支持IE9.0,FF.GOOGLE),JS的DIV特效,DIV弹出特效,超漂亮的DIV特效