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盒模型的方式渲染,即:总宽\高=宽\高+内边距+边框本回答被提问者采纳

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网