在 div 中定位文本

Question

我有一个包含一些信息的弹出窗口。

我喜欢在弹出窗口的右上角（总是）有“Actief”这个词。

但它不适用于边距或填充。

图像挡住了这个词。

这就是我尝试过的。

<h6 style="color: Green;float: right;/* position: absolute; */z-index: 9999999999999999;margin-top: 0px;display: block;/* margin-bottom: 60px; */">Actief</h6>

我的完整文件： https ://jsfiddle.net/oynrwo4c/

原文由 Jbadminton 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您需要通过添加以下样式来绝对定位它：

 .popup_body {
  position:relative;
}

然后给出 h6 position:absolute; top: 0; 和 right:0; 这将确保它始终位于右上角。

这 是带有我的代码建议的更新小提琴的链接。

原文由 Neelam Khan 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您需要首先为您的 html 元素使用 position: fixed; 样式。然后您可以使用 top / left 设置像素、百分比或视口来设置您想要的位置和依赖项。

示例： Jsfiddle

 <h6 style="color: Green; position: fixed; top: 20vh; left: 25vw; height: auto; margin: auto;">Actief</h6>

您可以阅读更多相关信息： css position

原文由 LowMatic 发布，翻译遵循 CC BY-SA 3.0 许可协议