使用以下命令在div的右上方放置一个框：after

Question

我试图在div上添加一个标签，本质上是使用：在psuedo类之后。很像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;
}

基本上，我想在目标div类的右上角贴上后盒，但它会突然出现在身体的右上方。

Answer 1

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

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