style.marginRightがstyle.marginLeftが

Question

最初の関数は二つ目は、だから私の質問は、私がすべきかである右

function openNavLeft() { 
    document.getElementById("mySidenavLeft").style.width = "100vw"; 
    document.getElementById("main").style.marginLeft = "100vw"; 
} 

function openNavRight() { 
    document.getElementById("mySidenavRight").style.width = "100vw"; 
    document.getElementById("main").style.marginRight = "100vw"; 
} 

にそれをプッシュしていない、まだ左にコンテンツをプッシュしないと同じように動作しません。違うやり方や壊れた理由

Answer 1

要素の左側に余白を追加しています（左側は安全と言う）。

余白がない場合、divは左から右の言語で作成されたため、できるだけ左に移動します。

左側に余白を追加すると、左側にスペースが入るので、「div」が右側に移動します。

右側に余白を置くと、 'div'の後のスペースを埋めるだけなので、どこにでも移動する必要はありません。

「div」の前にスペースを空けているものがあれば、右マージンはそれを外に出さないでしょう。

私の説明に役立つように少しの図が追加されました。

---------------------- 
|  WEBPAGE  | 
|     | 
|[div]    | 
|     | 
|[ Left Margin ]|[div] 
|     | 
|[div][ Right Margin | ] 
|     | 
|[img][div][ Right | Margin ] 
|     | 
----------------------