如何定位将在固定页眉和页脚之间准确显示的锚点？

Question

我想创建一个内容位于固定页眉和页脚下的网站，您可以浏览锚点，只显示活动锚点，其余部分隐藏在页脚和标题下（如窗口）。 我找到了内容，页眉和页脚 但我不知道如何设置锚点，以便点击锚点的内容将出现在标题和页脚之间的正确位置。

希望有人能理解我想做的事

仅限CSS和HTML 不想使用jquery或js

---

例如： 编辑：http://cdpn.io/olvhq

Answer 1

我不确定但是尝试：

#anchor {    
  position:absolute;
  top:50%;
}

Answer 2

您可以使用box-sizing属性执行此操作。

像这样：

FIDDLE1 FIDDLE2

.container
{
    height: 100%;
    background: pink;
    margin: -64px 0;
    padding: 64px 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.content {
    overflow:auto;
    height:100%;
}
header
{
    height: 64px;
    background: purple;
    position: relative;
    z-index:1;
}
footer
{
    height: 64px;
    background: gray;
    position: relative;
    z-index:1;
}