当前位置: 代码迷 >> HTML/CSS >> firefox和IE里的CSS的有关问题
  详细解决方案

firefox和IE里的CSS的有关问题

热度:332   发布时间:2012-02-11 09:51:34.0
firefox和IE里的CSS的问题
{width:172px;   FLOAT:   left;BORDER:   #EEEEEE   1px   solid;   text-align:center;}

这段CSS代码,为什么在IE中的实际宽度是172,但是在FF里却是174,怎么就多出2个像素呢???
有没有办法避免这个问题?

------解决方案--------------------
{width:170px!important;width:172px;FLOAT: left;BORDER: #EEEEEE 1px solid; text-align:center;}

在FF中,border,padding都会扩张容器~
所以有时候要用到!important~
如果存在 !important ,FF会先识别!important的属性,之后的相同属性就略过~ie两个都识别,之后的替换之间的~

这是凌晨留下来的。。。汗~凌晨总是回复不了~郁闷~