HTML 书签 + CSS 溢出：隐藏 - 消失的内容？答案

【问题标题】：HTML Bookmark + CSS Overflow:Hidden - disappearing content?HTML 书签 + CSS 溢出：隐藏 - 消失的内容？
【发布时间】：2010-12-09 12:23:55
【问题描述】：

在我的页眉中，我有一个带有overflow:hidden 的图像 div。

在内容区，我有一个书签锚标记：

<a name="arghargh"></a>

在内容区域的顶部，我有一个书签链接：

<a href="#arghargh">go the the bookmark</a>

当我点击链接时，内容消失，只剩下内容 div 之外的所有内容。

我发现this post 描述了完全相同的问题。基于此，我删除了overflow:hidden，一切正常，除了我需要overlow:hidden 才能使页面格式正常工作。

救命！

更新

看来，对于overflow:hidden，书签导致 div 在内部滚动，这会将所有内容向上移动，直到书签标签位于可见区域的顶部。这不酷。

【问题讨论】：

你有问题网站的链接吗？
不公开。
在这种情况下，您可以将一个（最好是简化的）示例上传到 jsfiddle.net 吗？
更新问题，提供更多信息
您能否至少向我们展示一下页面的一般 HTML 结构（最好是一个最小的工作示例）？因为我不明白你在说什么。标题中带有overflow: hidden 的 div 是否会导致内容区域（另一个 div？）开始滚动？根据我们获得的有限信息，杰弗里的回答是一个完全合理的猜测。那个锚标签在哪里（为什么你要使用一个，正如斯蒂芬所说的那样）？

【解决方案1】：

删除 overflow:hidden 并添加 <div style="clear:both"></div> 作为最后一个内部元素，以保持页面格式正常工作。

【讨论】：

【解决方案2】：

你不能只在 div 上使用id="arghargh" 而不是锚标记吗？那么问题是否仍然存在？

【讨论】：