使用多列锚

Question

我有一个很难描述的奇怪问题所以如果我不能说清楚，请告诉我，我会尝试改进这个问题。

我正在使用多个列。我已经设置了列的高度和宽度，并让内容流入所需的列数。我将可视区域设置得足够宽，一次只显示两列，并有一些箭头来调整边距以向内或向后移动内容。 我想在第9页上有一个锚，所以我可以直接跳到那里但是如果我使用一个锚并点击链接，我得到左边的第7页，中间的第8页和右边的第9页。

我想知道是否有人可以帮助我。我将包含一个链接，以便您可以看到问题。

保存内容的代码如下所示

<div class="one" id="content">
    <div id="columnified" class="two" style="width: 310px;">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    </div>
</div>

CSS看起来像这样

div.one {
    height: 435px;
    width: 710px;
    overflow: hidden;
    margin: 0px;
}

#columnified {
    margin-left: 0px;
    width: 310px;
}

链接是： http://www.candle-light.co.uk/flickering/dragon-wings.html#three

非常感谢任何帮助。