Question

关于CSS “a标签”设定行高时分别在360浏览器与火狐浏览器下显示不正常的问题。

<div ><a style="background-color: #00FF00;padding:40px 0 0 100px;display:inline-block;" href="#"></a></div>
为什么同样一句代码在360浏览器下和火狐浏览器下显示的尺寸大小不一样，还有，在360浏览器下设定A标签padding-top的高度以后以后必须再加上display:inline-block，才能正常显示，而在火狐浏览器下却不用。
求解答原理，我知道这是CSS在不同浏览器下的不兼容导致的，但是我想知道到底是什么具体的问题导致了2个浏览器下不兼容的情况。

Answer 1

　　您好，感谢您对火狐的支持

　　行高定义是：line-height:40px;您定义的不正确，所以一开始这个重要属性就错误了。
　　您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 2

你定义的根本不是行高，行高定义是：line-height:40px;

你定义的是a链接上方有40px高的内边距

而a链接默认是行内元素，行内元素定义padding内边距是无效的。应该先用display:block;将它定义为块级元素。如果是一排链接需要在一行的话，再用float将这些链接浮动。

问题的根本在哪里，光看你这句代码是估计不准的，你其他代码怎么写的，用的html还是xhtml，这些原因都会导致差别。

display:inline-block;至少目前在各浏览器上表现得不是很靠谱，建议不要用。

你定义的display:inline-block;在360(实际就是ie)下默认是无效的，在火狐的低版本下也是无效的，看看这个网友的文章你可能会找到原因：
http://www.planabc.net/2007/03/11/display_inline-block/