css - 在 CSS 中做等高列时，有没有办法让内部 anchor 链接仍然正常工作？

Question

我已将此页面上的最后一个示例用于等高列。

http://www.ejeliot.com/blog/61

问题是，当您单击内部 anchor 链接时，内容会向上移动，并且溢出会使页面的顶部消失。

例如点击这个链接

http://www.noosanativeplants.com.au/~new/articles/botany-words/

然后单击一个字母跳转到该部分。您会注意到我在描述什么。

有没有办法解决这个问题，或者这是该技术的缺点？您是否建议我对人造等高列使用背景图像技术？我不想使用它，因为一个页面有不同的背景，并且需要一些返工才能为该页面做背景。

谢谢

Answer 1

我真的建议您使用故障安全的人造列方法。如果您不是布局专家(严肃地说，没有冒犯)，请远离 padding/margin/overflow 魔法和唯一真正的布局技术。后者很优雅，但如果您要进行繁重的 JS/DOM 操作和所有操作，它可能会导致不必要的副作用(请参阅 problems listing)。

作为slink said你有两个溢出:CSS 中的隐藏规则:

#main-container {
  overflow:hidden;
}

和

#content {
  overflow:hidden;
}

如果您禁用/删除这些，您将能够再次使用您的滚动条。不幸的是，填充/负边距“hack”将是可见的。我建议您完全删除此解决方案并使用假列。可以将伪列背景添加到您的#main-content 甚至#content div(不像 ALA article 中将背景图像设置为 body 标签的示例)。

祝你好运!

更新:抱歉，让我纠正一下:要在您的情况下使用人造列，最好将当前背景设置为 html 元素，将人造背景设置为body 元素。