CSS Div 的位置

Question

我有2个主要的div，一个会显示，另一个会隐藏。当隐藏的div出现时，之前的消失。我知道如何使用 display block 和 none.

分区 A 和分区 B 覆盖整个屏幕。不应显示滚动条，所有内容都应完全包含在浏览器中可见的内容中window。

然而，当 div A 显示时，div C 也会显示，即使 div B（其父级）已隐藏。为什么？

<div id="A" style="display: block; width: 100vw; height: 100vh;">
    Stuff
</div>
<div id="B" style="display: none; width: 100vw; height: 100vh;">
    <div id="C" style="position: absolute; width: 25px; height: 100vh; left: 0px; top: 0px;">
    <div id="D" style="position: absolute; width: calc(100vw - 25px); height: 100vh; left: 25px; top: 0px;">
</div>

Answer 1

添加相对于B标签的位置，避免C标签跳转到A作为新父标签。

东西

CSS Div 的位置

CSS Position For Div

css

css-position