html - 带锚的错误负边距

Question

我使用负边距底部来获得 n 个高度相等的 DIV（我使用这种方法：http ://abcoder.com/css/css-equal-height-columns “三列布局 - 使用纯 CSS 等高”）

但这不适用于锚链接。

div 的顶部就消失了。

这是我的例子：http ://club-scpi.com/bug.php

这太奇怪了！我错过了什么？

Answer 1

这不是错误，可以按 html 和 css 的预期工作

 #container {
    overflow: hidden;
 }

导致 div 内的内容（当被告知转到锚点时）向上滚动到

 <a name="test">

由于溢出设置为隐藏，它似乎 - 消失。它只是“隐藏”

改成

   #container {
     overflow: auto;
   }

你会看到发生了什么。

顺便说一句，我不喜欢这种创建等高 div 的建议方法，（原因之一就是您刚刚强调的内容），这一切都取决于特定的工作是什么。

替代方案是；在我们开始标记之前，使用背景颜色、% 高度、px 高度或只是工厂和前期内容设计注意事项。

然后是javascript，它可以在大小方面随处跟进和整理盒子（也值得研究）

...始终保持尽可能简单。

Answer 2

我有同样的情况，我的页脚有一个负边距，并且锚定链接切断了我的页面顶部并在单击时将其移动到底部。我曾有一个

在页脚内标记版权信息，并将负边距从

并像魅力一样工作。不确定它是否直接适用于这种情况，但可能会对某人有所帮助。