CSS中设置的div的width:100px 但在IE中显示的是105px

CSS中div样式设置如下:
.head{
background-color:pink;
width:100px;
height:100px;
padding:0px;
margin:0px;}
html文档中代码如下:<div class="head"></div>
但在IE中预览时,这个粉色的div块儿的宽度和高度都成了105px!!!
火狐中是正常的尺寸!!!
为什么???跪求大师赐教!!!

第1个回答  2013-08-28
html,body,div{margin:0;padding:0;}设置没有?代码发全追问

body{
width:1024px;
height:800px;
margin:0px auto;
padding:0px;}
.head{
background-color:pink;
width:100px;
height:100px;
padding:0px;
margin:0px;}
就这些了,body的width和height显示出来的也不对

在IE中好像所有的width和height都被扩大了5%!

追答

*{margin:0;padding:0;border:none;}
把这个加进去试试

追问

加了,还是不管用呀!

第2个回答  2013-08-28
设置box-sizing:content-box 或者box-sizing:border-box 看看是不是还是不同

Firefox 请使用 -moz-box-sizing
Safari / WebKit 请使用 -webkit-box-sizing
Opera 直接用 box-sizing 即可。
第3个回答  2013-08-28
肯定是跟你其他的代码重合了,最好你用firebug看下具体的代码。
第4个回答  2013-08-28
刚用IE6 IE7 IE8 IE9 google浏览器测了一下你的代码没有你所说的那样哦!是不是你的div里面还有内容,然后就撑多了5像素出来的?

我用CSS设置标签img的高和宽,为什么在IE中,它还是显示原来的大小?
因为您少写了单位,在数值后面加上单位,像素单位:px,或者百分比:

CSS设置一个width:100%,可是两边还会留空
1、IE默认为10PX,通过body的margin属性设置 2、FF默认为8PX它,通过body的padding属性设置 解决方法:body{padding:0px;margin:0px;}

DIV+CSS布局后, 在浏览器中打开是我要的效果,但在DW设计框中的显示却...
而这个问题也是能解决的(多半是能的)。两个显示如果差异太大,就说明你设的某些CSS有些问题哟。比如说有如下代码:<div><p style="width:100px;height:100px;background:black;"><\/p><\/div> <div><p style="width:100px;height:100px;background:green;"><\/p><.\/div> 因为每个DIV中...

关于DIV排版的问题
这个是因为你DIV定义了高为100px; 你的DW版本应该是 DW8 或者 DW2004吧? 在DW CS3以下版本的他们会理解为当浮动清除后可以撑高DIV,而IE6认为,里面有元素就可以撑高,而IE7,DW CS3都不会被撑高,你定义了100PX,他就只有100PX(又是万恶的兼容问题),所以解决这样的问题就是不要给5号DIV设...

DIV\/CSS 宽度问题
首先 #footer 的宽度设置为100%了,其实不写的话默认也是100%的,可以省略 其次 如果你没具体给div元素设定宽度的话,100%宽度就是你目前窗口的宽度的,你DW的编辑器窗口有多大,footer就有多宽 上边绿条的代码没给,不好判断,可能有两种情况 可能是绿条设定了固定宽度了,不是100%,但你说“紫色...

为什么主页中和浏览器显示的位置不一致,就是做asp.net时在INDEX文件中...
1、屏幕分辨率的问题,比如把分辨率调小,会不会出现页面混乱的情况 2、多种浏览器的兼容性(IE678,火狐等),比如width=10px在IE8和在火狐里的实际宽度效果是不一样的。3、div或者table里的内容过长等,或者位置、大小没有设置好,一定要精细处理。比如浏览器里要显示的中宽度是1024px,结果发现左...

jsp页面布局中 width 的值 写百分比 和写 100px 还有直接只写 100 有...
1、表面上看100px和100是一样,最终解析后都是100像素,实际上并非如此,如果是IE,他可能是一样的,但是如果是别的浏览器就不一定了,建议一定不要忘记写px,否则以后做浏览器兼容有苦吃了,可能以后高版本的IE也不一定支持了。2、目前好像只有z-index、line-height可以不写px。这个问题你可以请教...

我通过JS改变DIV高度,但是在IE7下有问题
很简单,就是在网页的顶部加上 DOCTYPE 声明。如果不加 DOCTYPE 声明,那么各个浏览器会根据自己的行为去理解网页,即 IE 浏览器会采用 IE 盒子模型去解释你的盒子,而 FF 会采用标准 W3C 盒子模型解释你的盒子,所以网页在不同的浏览器中就显示的不一样了。反之,如果加上了 DOCTYPE 声明,那么所有...

我用HTML中div+css写的网页,有的IE支持,有的IE就不支持,Goole直接错位...
<div><img src=”” mce_src=”” \/><\/div> 后面两个标签要紧挨着。ie7下这个bug 依然存在。解决方案:给img设定 display:block。12.失去line-height。<div style=”line-height:20px”><img \/>文字<\/div>,很遗憾,在ie6下单行文字 line-height 效果消失了。。。,原因是<img \/>这个...

做了个网页但是效果在游览器中都是不一样的该怎么办
1、DOCTYPE 影响 CSS 处理 2、FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3、FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故...

相似回答
大家正在搜