Question

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

但这不适用于锚链接。

div的顶部刚刚消失。

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

Answer 1

这不是一个bug，可以用作html和css的目的

 #container {
    overflow: hidden;
 }

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

 <a name="test">

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

更改为

   #container {
     overflow: auto;
   }

你会看到发生了什么。

顺便说一句，我不是这个提出的创建相等高度div的方法的粉丝，（你刚刚强调的原因之一），一切都取决于具体工作是什么。

替代方案;在我们设置标记之前，使用背景颜色，％高度，px高度，或者只是制作和预先设计内容。

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

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

Answer 2

我有同样的情况，我的页脚有一个负边距，锚定链接切断页面顶部，并在点击时将其移动到底部。我在页脚中有一个带有版权信息的

标签，并将负边距从

移动到了一个魅力。不确定它是否直接适用于这种情况，但可能有助于某人。