我正在尝试堆叠 div(样式看起来像便签)，以便底部的部分 div 挂出。我最初认为没问题，我将像往常一样设置最顶部的 div 的样式，然后只设置底部 div 可以看到的部分的样式(而不是使所有 div 具有相同的宽度+高度和堆叠它们)。问题是我还想将所有 div 的 border-radius 设置为相同的样式，如果我以非堆叠方式进行设置，则 border-radius 应用于顶部 div 不会产生与应用于底部 div 的任何边框半径相同的设计(我猜是因为顶部 div 的宽度+高度不同)。
<div class="stickynote1"> content <div>
<div class="stickynote2"> content <div>
<div class="stickynote3"> content <div>
- 有没有一种方法可以解决边界半径问题而无需将 div 调整为相同的宽度+高度？
- 如果我要将 div 的大小调整为相同的宽度 + 高度，我该如何堆叠它们？似乎 div 上的 position:relative 和 z-index 组合不起作用，因为 position:relative 创建了一个新的容器 block ，从而以某种方式使 z-index 无法与其他 div 的新容器 block 一起使用。
最佳答案
如果我是你，我会:
添加另一个名为 stickynote 的类并找到所有常见样式(在本例中为 border-radius)并将该类应用于所有样式
我不确定您所说的堆叠它们是什么意思——当我阅读您的初始段落时，我以为您的意思是将它们垂直堆叠在 y 轴上，但看起来，您正在为 z 轴而苦苦挣扎，所以看起来您想将它们堆叠在 z 轴上。在这种情况下，我会将它们全部放在一个容器中，相对放置该容器，然后将三个便笺绝对放置，具有不同的 z-index，但相同的 x/y 位置。
关于html - 与位置 : relative 堆叠，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31054721/