私は、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>