<a name=""> causes content to be pushed up</a>

时间:2011-12-15 00:50:35

标签: html css xhtml

我已在“评论”部分的顶部设置了一个标记名称,其中包含

<a name="comments"></a>

我通过以下内容进行讨论:

<a href="page-on-my-site#comments">Comments</a>

以任何其他方式进入页面都可以,但如果我使用这个'标记名',所有内容都会被推高。

为了清晰起见,请查看我的网站:http://www.cristianrgreco.com/

对于顶级文章,按“阅读更多”工作正常,但是如果您点击“2评论”,它会关注评论,但会推送内容。

这在我之前从未发生过,所以我真的不知道如何解决它。

提前致谢

1 个答案:

答案 0 :(得分:3)

问题是由overflow:hidden和滚动的组合引起的。您需要进行一些更改:

首先改变

<a name="comments"></a>

<a id="comments"></a>

在下方添加css规则,使其实际位于页面的正确位置:

#comments{
    float: left;
    clear: left;
}

overflow:hidden移除#content_wrapper,然后将其添加到#sidebar_wrapper