html - 将 X 放在 div 的右上角而不使顶部可点击

Question

我有一个矩形，右上角有一个 X，里面有元素。带有 X 的 div 是可点击的。问题是整个顶部区域都是可点击的，而不仅仅是我想要的右上角(“X”)。如何让 X 仅可点击并仍然右对齐？

我的CSS是

.itembox 
{
    float:left;
}

.itembox .RemoveMediaNotif
{
    text-align: right;
    text-decoration:underline;
    cursor: pointer;
}

我的html是

<div class="itembox" id="i16"><div class="RemoveMediaNotif">X</div><div ...

Answer 1

.itembox .RemoveMediaNotif
{
    float:right;
    text-decoration:underline;
    cursor: pointer;
}

应该可以解决您的问题。