最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

padding在ie和chrome下解释不同_html/css

来源:动视网 责编:小采 时间:2020-11-27 15:50:09
文档

padding在ie和chrome下解释不同_html/css

padding在ie和chrome下解释不同_html/css_WEB-ITnose:样式表设了padding:0px 6px 2px; ie7和ie8下显示的padding更宽,chrome正常 页面定义了 ie8也正常了,ie7还是不对,但是我现在不需要用doctype声明,有什么解决办法? 回复讨论(解决方案) 为什么不需要doctype声明,这是整个页面css
推荐度:
导读padding在ie和chrome下解释不同_html/css_WEB-ITnose:样式表设了padding:0px 6px 2px; ie7和ie8下显示的padding更宽,chrome正常 页面定义了 ie8也正常了,ie7还是不对,但是我现在不需要用doctype声明,有什么解决办法? 回复讨论(解决方案) 为什么不需要doctype声明,这是整个页面css


样式表设了padding:0px 6px 2px;

ie7和ie8下显示的padding更宽,chrome正常

页面定义了

ie8也正常了,ie7还是不对,但是我现在不需要用doctype声明,有什么解决办法?


回复讨论(解决方案)

为什么不需要doctype声明,这是整个页面css盒子世界解析的依据,如果没有了这块,ie家族跟ff肯定是不一样的。

第一行必须添加dtd声明,没有dtd的结果就是ie6,7,8,9以ie5的方式来渲染页面,就是ie7,8,9里边的f12打开后 文档模式下的quirks模式。这个模式会造成css盒模型计算错误,margin:0 auto; 不能居中。
只能在body{text-align:center;}这样来居中,但是这会使页面上所有的内容都居中,所以请添加dtd
dtd必须是页面的第一行出现。
xhtml-dtd:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html5-dtd:

写html css 最好加dtd,不是 兼容更难调。

楼主 写padding:0px 6px 2px; 是作用在什么标签上的?


比如h1-6 p等标签会有默认的margin padding,楼主搜下 reset css

页面都是后台,因为iframe的原因,用了doctype页面滚动条有很多问题,因此舍弃
出问题的是作用于button的类

加了doctype,ie7下的垂直滚动条失效了

垂直滚动条只有一半,下面的三角看不到

把代码贴上来,猜不是办法。

贴代码把,或者发图。。无图无。

.right{
position:absolute;
top:66px;
right:0px;
bottom:0px;
left:180px;
z-index:8;
}

.rightmain iframe{
height:100%;
width:100%;
position:absolute;
overflow:auto;
z-index:20;
}

body.module{
overflow:scroll;
overflow-x:hidden;
background-color:#f8f8f8;
height:auto;
padding-bottom:5px;
}
出现问题框架的css

ie7最大化下面出现间隔,缩小三角就没有

一直没解决,大家有什么办法

文档

padding在ie和chrome下解释不同_html/css

padding在ie和chrome下解释不同_html/css_WEB-ITnose:样式表设了padding:0px 6px 2px; ie7和ie8下显示的padding更宽,chrome正常 页面定义了 ie8也正常了,ie7还是不对,但是我现在不需要用doctype声明,有什么解决办法? 回复讨论(解决方案) 为什么不需要doctype声明,这是整个页面css
推荐度:
标签: IE 不一样 chrome
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top