0

私は、PhoneGap アプリで使用されているメニューを持っているため、webkit をターゲットにしています。次のコード (jsfiddle)がドキュメントを水平方向に拡張することに気付きました。しかし、スワップアウトすると、position: relative;期待position: fixed;どおりに機能します。つまり、ドキュメントは成長しません。

私が理解していることからposition: absolute、ドキュメント内のスペースをとってはいけませんか、それともこの説明が間違っていると理解していますか?

CSS:

#navigation {
    background-color: red;
    height: 100%;
    width: 40%;

    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;

    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

HTML :

<div id="navigation"></div>

ドキュメントの幅が大きくなった jsfiddle のスクリーンショット

4

0 に答える 0