由HR标签样式引起的思考

今天同学问了我一个问题,大体是这样的。

在加了hr后,在ie下面会有默认的6px的边距,通过修改了margin:-6px;后仍然能解决,但是firefox下面却发现,hr提上去了,很不和谐。

上网看了类似的问题,看到了。这又是不同浏览器的默认边距问题。

解决方法

hr{ margin:0px; *margin:-6px;}

解释:

当ie下面解析的时候,会解析margin:-6px;所以ie下面显示正常

当在firefox下面解析的时候会解析margin:0px; 所以firefox下面也会解释正常

 

 

 

以后要更多的注意不同浏览器下面的兼容问题,自己的网页要经受住大部分的浏览器的支持才能成功。

posted @ 2010-10-22 20:18  ActionBi  阅读(497)  评论(0编辑  收藏  举报