Html 为什么主体元素与其子元素重叠？

在这种情况下，如果将main div的“left”属性更改为10%左右，则主体将与元素重叠。为什么？这快把我逼疯了

HTML

---

感谢您的帮助。谢谢

非常确定是您正在进行的翻译使其达到-40%。

非常确定是您正在进行的翻译使其达到-40%。

如果您希望主div显示，而不被裁剪，则需要将main上的溢出更改为overflow:visible。可能需要更多关于您试图实现的目标的说明：

如果希望显示main div而不被裁剪，则需要将main上的溢出更改为overflow:visible。可能需要更多关于您试图实现的目标的说明：

它与transform属性冲突，请尝试以下操作：

main div {
  background: black;
  color: white;
  width: 50%;
 /* transform: translate(-50%, -50%);*/
  position: absolute;
  top: 50%;
  left: 10%;
  padding: 20px;
  resize: both;
  overflow: auto;
}

---

它与transform属性冲突，请尝试以下操作：

main div {
  background: black;
  color: white;
  width: 50%;
 /* transform: translate(-50%, -50%);*/
  position: absolute;
  top: 50%;
  left: 10%;
  padding: 20px;
  resize: both;
  overflow: auto;
}

在这种情况下，请从main:

主要{ 位置：相对位置； 背景：白色； 高度：200px； 宽度：60%； 保证金：0自动； 填充：20px； 调整大小：两者； /*溢出：自动*/ } 在这种情况下，请从main:

主要{ 位置：相对位置； 背景：白色； 高度：200px； 宽度：60%； 保证金：0自动； 填充：20px； 调整大小：两者； /*溢出：自动*/

---

}Body没有与元素重叠，而是因为负转换而隐藏了内容。因为“transform”属性。请尝试删除此行；'转换：转换-50%，-50%；'Body没有与元素重叠，而是因为负转换而隐藏了内容。因为“transform”属性。请尝试删除此行；'转换：转换-50%，-50%；'哦，不，我没有试着使div居中。我知道translate将div向左移动，使其处于边缘。我只是想知道为什么身体与DIV重叠，而不是DIV与身体重叠@怪物们解决了它。这是溢出属性。哦，不，我不想让div居中。我知道translate将div向左移动，使其位于边缘。我只是想知道为什么身体与DIV重叠，而不是DIV与身体重叠@怪物们解决了它。这是溢出属性。是的，但是我在寻找为什么主体覆盖元素而不是反过来。是的，但是我在寻找为什么主体覆盖元素而不是反过来。是的！就这样！我以为这与z索引或堆叠上下文有关，但这在这里不适用，所以我被难住了！我认为溢出：如果元素被隐藏，自动提供滚动条。因为某种原因，它没有在这里提供它们。太棒了！很高兴我能帮忙。您可以随时设置溢出：滚动，如果您需要它滚动。是的！就这样！我以为这与z索引或堆叠上下文有关，但这在这里不适用，所以我被难住了！我认为溢出：如果元素被隐藏，自动提供滚动条。因为某种原因，它没有在这里提供它们。太棒了！很高兴我能帮忙。您可以随时设置溢出：滚动，如果您需要它滚动。是的！就这样！我以为这与z索引或堆叠上下文有关，但这在这里不适用，所以我被难住了！我认为溢出：如果元素被隐藏，自动提供滚动条。出于某种原因，这里没有提供这些信息。是的，它与z指数无关，我很惊讶你能读到我的答案，因为我来自中国。这是我的第一个答案。事实上，你应该阅读CSS3转换和位置的知识。是的！就这样！我以为这与z索引或堆叠上下文有关，但这在这里不适用，所以我被难住了！我认为溢出：如果元素被隐藏，自动提供滚动条。出于某种原因，这里没有提供这些信息。是的，它与z指数无关，我很惊讶你能读到我的答案，因为我来自中国。这是我的第一个答案。事实上，你应该阅读CSS3转换和位置的知识。

main div {
  background: black;
  color: white;
  width: 50%;
 /* transform: translate(-50%, -50%);*/
  position: absolute;
  top: 50%;
  left: 10%;
  padding: 20px;
  resize: both;
  overflow: auto;
}