css - 使用 :after 在 div 的右上角定位一个框

Question

我试图在 div 上放置一个标签，本质上是使用 :after 伪类。很像 old bootstrap example blocks

JS Fiddle illustrating what I'm trying

CSS:

.blah {
    border: 1px solid black;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
}
.blah:after {
    content: 'anyway';
    position: absolute;
    top: 0;
    right: 0;
    border: 1 px solid gray;
    padding: 3px;
    border-radius: 0 4px 0 4px;
}

本质上，我想将 after box 粘贴在目标 div 类的右上角，但它会弹出到 body 的右上角。

Answer 1

绝对定位的元素相对于其最近的具有位置的父元素定位。

将 position: relative 添加到 .blah 可以解决这个问题。