将一个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

您的外部 向左浮动？否则我会去（未经测试）：

<div class='outer'><div class='x'>X</div></div>

和

.outer {
   //
}
.x {
  float:right;
}

Answer 2

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

应该解决你的问题。

Answer 3

你绝对可以从右边定位它。这就是我要做的事情（我假设它是某种关闭按钮）：

.itembox  
{ 
    position: relative;
    float:left; 
} 

.itembox .RemoveMediaNotif 
{ 
    position: absolute;
    right: 0px;
    top: 0px; 
    text-decoration:underline; 
    cursor: pointer; 
}