html - ドキュメントの境界線を下に固定する方法は?

Question

重複の可能性:
HTML および CSS で、html オブジェクトを使用してスティッキー フッターをコーディングする方法は?

html以下の (LESS) CSS を使用して、オブジェクトの上部と下部の両方に 10 ピクセルの境界線を適用しています。ただし、ドキュメントがビューポートよりも高い場合にのみ機能します。

これが今起こっていることです。ご覧のとおり、 は の下部にはborder-bottomくっつきhtmlますが、ウィンドウの下部にはくっつきません。

私はすでに詰め込もうとしましたhtmlがbody、height: 100%; height: auto; min-height: 100%;まったく機能していないようです。助言がありますか？

html {
    border-top: solid @black 10px;
    border-bottom: solid @black 10px;
    background: url('img/bg.png') repeat;
}

body {
    width: @8col;
    margin: 0px auto;
    padding: 100px 48px 84px;
    background: @white;
    font: 13px/20px 'OftenRegular';
    color: rgb(60,60,60);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: @green;
}