padding属性在不同浏览器中的显示差异问题?

2024-12-14 17:12:39
推荐回答(2个)
回答1:

  首先我们说说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

回答2:

那是因为padding-top后的这标签的宽度比这个外面的标签的高度小