html - 导致内容上推

Question

我在“评论”部分的顶部设置了一个标签名称，带有

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

我通过以下方式对此进行了介绍:

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

以任何其他方式进入页面都可以正常工作，但是如果我使用这个“标记名”，所有内容都会被推上去。

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

对于置顶文章，按“阅读更多”可以正常工作，但是如果您单击“2 条评论”，它会聚焦于评论，但会向上推内容。

我以前从未遇到过这种情况，所以我真的不知道如何解决。

提前致谢

Answer 1

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

第一个变化

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

到

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

添加下面的 css 规则，使其实际位于页面上的正确位置:

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

从 #content_wrapper 中删除 overflow:hidden 并将其添加到 #sidebar_wrapper 中。