css定义的宽度在谷歌浏览器和IE浏览器上显示不一样的问题

我在CSS定义了一个样式,想显示宽度为998px,如.abc{width:998px;margin:0 auto;background-color:#F0F0F0;border:1px solid #CCCCCC;padding:10px;overflow:hidden;}。在ie上显示正常,但在谷歌浏览器上宽出了两个padding的宽度,也就是20px的宽度。如果将宽度width定义为978px,则在谷歌浏览器上显示为998px,在IE上显示成了978PX。请问师傅们这个问题怎么解决?

    做DIV+css布局前一定要明白,CSS盒子模型的概念。

    页头要有声明,如xhtml或html5,可以直接复制代码,或如下图创建文件时声明文档类型。


    有了声明后所有浏览器都会用css盒模型的方式渲染,即:总宽=宽+内边距(padding值)+边框+外边距(margin值)。

    在ie6.0下可能会有bug,可采用如下图中的“_width:978px”来解决。

温馨提示:内容为网友见解,仅供参考
第1个回答  2015-06-14
css盒模型的概念你没弄明白,百度下。
然后:加xhtml声明,或加html5声明,不知道怎么加的话,复制本页面源文件的第一行到你的html中。
加了以后所有浏览器都会用css盒模型的方式渲染,即:总宽\高=宽\高+内边距+边框本回答被提问者采纳

div+css做网页时,谷歌浏览器和ie个别兼容问题!
你定义宽了吗?如果定义了的话超出是正常的,你可以试试overflow:hidden;zoom:1;zoom:1是为了兼容IE6的

为什么谷歌浏览器Chrome和IE浏览器显示的豆瓣界面不一样?
两个浏览器执行的html和css标准不同,所以会不一样,这个与你无关。豆瓣前端开发对浏览器兼容处理的不是很完美,但对于功能来说不会有什么影响。“高清下载”不见可能是这个扩展失效,你可以去chrome市场看看这个扩展其他人的评价,是否遇到和你相同的情况。

我用HTML中div+css写的网页,有的IE支持,有的IE就不支持,Goole直接错位...
1.文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要,在高度上...

css定位中的top值为什么在谷歌和在360浏览器中显示的位置不一样了
由于各浏览器,各版本,可能存在的BUG,或差异,(IE较为严重)。其渲染结果也就可能偏差,可以尝试换一种写法,或者hack写法修正这些差异。基本上一个项目完成都要测试诸如谷歌,火狐,欧朋,IE,斯巴达[Win10],五种浏览器【内核不同】。以及PC端不同分辨率,还要考虑移动端【手机】各种浏览器等跨平台...

css+div样式的网站为什么在不同的机器上显示的效果不同
IE,FF,GOOGLE的浏览器现在显示出来的效果都有差异的 因为内核不同 甚至在IE6,IE7之间的效果都不用,因为版本不同 所以做一个网页都要满足不同的浏览器就不是那么容易了 并不是说你的语法都对,而且符合标准就显示都正确了,正是由于有IE等对WEB标准支持不太好的浏览器,才导致这种显示不一致的状态...

...和谷哥浏览器里都显示垂直居中了,但360和IE显示都
您好!很高兴为您答疑。您这种实现垂直剧中效果的方式其实是不妥的。因为我们都知道的原因,目前几个主流的内核浏览器下,同样的样式代码实际显示时会有所差异。为了实现较为精准的剧中效果,建议您使用js获取当前浏览器内核及页面高度后,再利用差值减出合适的垂直高度。这样处理后,不仅在不同内核的浏览...

谷歌和IE的浏览器css+DIV定位布局问题. 导航栏的位置显示不同,水平位置...
你好,每个浏览器都有默认的margin值和padding值,你可以在CSS中先设置好全局,一般我在做网页前都会先在CSS中加入 *{margin:0;padding:0},这样就重置了浏览器的默认值。希望我的回答能帮到你!谢谢!

css问题 代码如下 ie跟火狐显示不一样 求高手解决!!!
初级问题,样式表中家上如下代码 { margin:0;padding:0;} 原因是不同浏览器默认的margin padding不同,你要重定义一下。祝你好运

css做的网页,在每个浏览器里面显示的不一样,我该怎么办,求高手指点_百 ...
你首先要了解CSS的跨浏览器知识,不是一时半会能掌握的。最简单是使用JS框架如:jquery、Extjs等。

padding属性在不同浏览器中的显示差异问题?
首先我们说说firefox和IE对CSS的宽度显示有什么不同:其实CSS ’width’ 指的是标准CSS中所指的width的宽度,在firefox中的宽度就是这个宽度。它只包含容器中内容的宽度。而Internet Explorer ’width’则是指整个容器的宽度,包括内容,padding ,border。Firefox中:容器占的宽度=内容宽度+padding宽度+...

相似回答