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'之后填补空间，所以它不必移动到任何地方。

如果你在'div'之前占据了一些空间，那么右边距就不会移动它。

我添加了一个小图表，希望有助于我的解释。

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

style.marginRight的工作方式与style.marginLeft的工作方式不同

1 个答案: