我的 HTML 页面处于某种奇怪的模式，其中 sup 和 sub 标记不会升高或降低行上方的字符，尽管它们确实会减少字符的大小。我放了一个简单的
<body>
<p class="sample" style="margin-left:10px;">X<sup>2</sup> T<sub>3</sub></p>
在我的页面顶部，我打印的是：
我尝试了各种字体和大小并重新加载页面，但我没有找到任何可以修复它的东西。如果我将相同的代码放在 jsfiddle 中，它可以正常工作：
有谁知道可能会发生什么？
谢谢。
我有同样的问题，这是由于 reset.css 引起的。
要解决此问题，请实现以下 CSS（可在此处找到：https ://gist.github.com/unruthless/413930 ）：
sub, sup {
/* Specified in % so that the sup/sup is the right size relative to the surrounding text */
font-size: 75%;
/* Zero out the line-height so that it doesn't interfere with the positioning that follows */
line-height: 0;
/* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */
position: relative;
/* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */
vertical-align: baseline;
}
sup {
/* Move the superscripted text up */
top: -0.5em;
}
sub {
/* Move the subscripted text down, but only half as far down as the superscript moved up */
bottom: -0.25em;
}
我使用了以下CSS：
font-size:70%;
vertical-align:super;
My Stack Overflow Answer<sup style="font-size: 70%;vertical-align: super;">©</sup>我遇到了完全相同的问题，没有什么对我有用。
只是一些 CSS 分配导致了这个错误。我已经分配：
sub,
sup{
position: static;
top: none;
left: none;
}
确保未分配此 CSS。