span设置padding-top后为什么会捅到浏览器外了?

Question

********************************************************************************************

********************************************************************************************

********************************************************************************************

怎么就捅到外头了????

• 

•  

• 

•  

• 

•  

• 
  

Answer 1

行内元素都是这样，padding只有左右生效，上下是无效的。你如果在<span>后面另起一行写字，并不会在红框外面，而是紧挨文字。至于border和padding上下一起使用，每个浏览器的表现不一定一样，因为这个不在标准内，每个浏览器爱怎么表现怎么表现，不会影响span它本身位置和布局。

Answer 2

CSS HACK 这是根据实际情况来的，而不是IE的特定BUG比如设计人员在调试界面的时候，看到他们的界面在IE67下比CHROME浏览器使用8PX的PADDING要多两个像素出来，所以在修正时要少两个像素 这个是根据实际情况来调整的

Answer 3

不同浏览器解析出来的网页上有些东西有两三个像素差别很正常，最常见的情况就是各浏览器解析文本对文本的基线定义不一样，比如一个文本，在ie中的位置和在ff中看高度上就要差一两像素。于是你这段代码作者遇到一个类似的问题，他定义这个东西在ff中看位置正常了，在ie中却高了2像素，所以他写两个padding，让ff读8px那个，ie读6px那个。