为什么v2ex右上区的那个box div会相差4个px?

2012-02-13 17:29:29 +08:00
 qichunren
我在研究v2ex的html代码时发现一个怪问题，就是使用不同的html头DOCTYPE，未登录时的右上区的那个类名为box的div的高度会相差4px.

v2ex现在的DOCTYPE是
<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
</pre>
未登录时的右上区的那个类名为box的div的高度130px;

而使用了HTML5的DOCTYPE
<pre>
<!DOCTYPE html>
</pre>
box的div的高度会多出4px,为134px

有兴趣的同学可以用firebug看看，自己把html源代码搞到本地调试一下。

为什么会出现这个问题呢？百思不得其解啊
3370 次点击
所在节点    V2EX
2 条回复
icyflash
2012-02-13 18:12:46 +08:00
.super.buttonr line-height
qichunren
2012-02-14 14:27:16 +08:00
@icyflash 什么意思

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/27287

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX