padding属性在不同浏览器中的显示差异问题？
如果我在一个容器里写了padding-top：20px;的属性后，会发现在火狐中浏览时，容器的高度会增加20px；而用IE浏览的高度却保持不变。如何使4两个浏览器的显示效...
如果我在一个容器里写了padding-top：20px;的属性后，会发现在火狐中浏览时，容器的高度会增加20px；而用IE浏览的高度却保持不变。如何使4两个浏览器的显示效果相同？
展开
2个回答
展开全部
首先我们说说firefox和IE对CSS的宽度显示有什么不同：
其实CSS ’width’ 指的是标准CSS中所指的width的宽度，在firefox中的宽度就是这个宽度。它只包含容器中内容的宽度。而Internet Explorer ’width’则是指整个容器的宽度，包括内容，padding ，border。
Firefox中：容器占的宽度=内容宽度+padding宽度+border宽度
IE中：内容宽度=您定义的容器宽度(Internet Explorer ’width’)-padding宽度-border宽度
所以，如果IE中定义 width:120px;padding:5px 的话，所显示的宽度就是120px.
即padding:5px是在width里面。
而Firefox中，上面这个定义，显示宽度就是 125 px;
所以，我们就必须这样定义
width:115px !important;width:120px;padding:5px;
必须注意的是， !important; 一定要在前面。
详细见: http://www.iwms.net/n1960c40.aspx
其实CSS ’width’ 指的是标准CSS中所指的width的宽度，在firefox中的宽度就是这个宽度。它只包含容器中内容的宽度。而Internet Explorer ’width’则是指整个容器的宽度，包括内容，padding ，border。
Firefox中：容器占的宽度=内容宽度+padding宽度+border宽度
IE中：内容宽度=您定义的容器宽度(Internet Explorer ’width’)-padding宽度-border宽度
所以，如果IE中定义 width:120px;padding:5px 的话，所显示的宽度就是120px.
即padding:5px是在width里面。
而Firefox中，上面这个定义，显示宽度就是 125 px;
所以，我们就必须这样定义
width:115px !important;width:120px;padding:5px;
必须注意的是， !important; 一定要在前面。
详细见: http://www.iwms.net/n1960c40.aspx
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
大雅新科技有限公司
2024-11-19 广告
这方面更多更全面的信息其实可以找下大雅新。深圳市大雅新科技有限公司从事KVM延长器,DVI延长器,USB延长器,键盘鼠标延长器,双绞线视频传输器,VGA视频双绞线传输器，VGA延长器,VGA视频延长器,DVI KVM 切换器等，优质供应商，...
点击进入详情页
本回答由大雅新科技有限公司提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
