单击按钮时弹出“弹出窗口” - 如何使用CSS定位它？

Question

我希望它定位在内容上，所以我认为绝对定位是要走的路，所以它不会将其他东西推开。

但是，我想确保它在点击它的按钮下。如果我使用绝对位置并右键设置为0（按钮位于页面的右侧，所以我将定位弹出窗口），但是如果我使页面变宽或变窄，它会相应地移动。

如何让它坚持按钮下方的区域，但不会推送任何内容？

Answer 1

使用绝对位置和z-索引。

该中心的popup窗口：

.popup { 
    position:absolute; 
    display:block; 
    width:200px; 
    left:50%; 
    margin-left:-100px; //half of the width 
    top:50px; 
    z-index:9; 
}