Html 如果使用锚链，则忽略容器的填充

我有一个溢出设置为隐藏的容器，它有一个高于它的子容器。当我激活指向容器内部对象的锚定链接时，容器的填充顶部不再用于计算其子对象的位置

如何保持顶部填充物完好无损

HTML:

演示：

---

我已经在IE、FF、Chrome、Opera、Safari中（在Win7上）对它进行了测试，结果是一样的。

事实上，

填充没有问题。它起作用了

事实上，当您点击超链接时，
容器的内容会向上滚动到
#target
元素的顶部

而上面的空间（您在视觉上看到的是
padding top
），由于
溢出：隐藏而被隐藏CSS声明

您可以使用
overflow-y:scroll检查填充

.container{
背景色：海军蓝；
填充：40px；
位置：相对位置；
overflow-y:scroll；/*然后，移动滚动条以检查填充*/
}

这是因为div的绝对位置为“tall”类。试着改为设置边距顶部？在这里，看看这个提琴-边距顶部不能解决这个问题-任务是保持所有子元素相对于container.Ohkay的位置不变。哈希姆的解决方案似乎不错。
<a href='#target'>Hit the top</a>
<div class='container'>
  <div class='tall'>Tall object</div>
  <div id='target'>Target</div>
</div>

.container {
  padding: 40px;
  position: relative;
  overflow: hidden;
}
.tall {
  position: absolute;
  left: 200px;
  height: 2000px;
}