修复重叠元素

Question

我一直试图将一个元素正确放入我的页面，这样它就不会阻挡背景，因此它会一直向右对齐。我已尝试在this jsfiddle上重新创建方案，但我无法重新创建它。

包含了很多垃圾，但为了创建实际页面的布局，我必须将其包含在内。我的问题是样式中的.login以及它与其他元素的交互方式。我曾尝试与position搞砸，但我还没有达到预期的效果。

以下是该问题的截图：

这就是我想要的：

感谢您的帮助！

Answer 1

试试这个

.login {
    position: absolute;
    top: 0; // or what you need
    right: 0;
    z-index: 1; // i don't know if you need upper value for that
}