Html 将连杆尽可能长地对准右侧内侧div

Html 将连杆尽可能长地对准右侧内侧div,html,css,Html,Css,我希望链接x在右侧显示得尽可能长: <div class="token" data-value="bad"> <span class="token-label" style="max-width: 897px;"> sadfasfasf </span> <a class="close" tabindex="-1" href="#"> × </a> </div> .tokenfield .token

我希望链接x在右侧显示得尽可能长:

<div class="token" data-value="bad">

<span class="token-label" style="max-width: 897px;">

    sadfasfasf
</span>
<a class="close" tabindex="-1" href="#">

    ×
</a>

</div>

.tokenfield .token .close {
 font-family: Arial;
  display: inline-block;
  line-height: 100%;
  font-size: 1.1em;
  line-height: 1.49em;
  margin-left: 5px;
  float: none;
  height: 100%;  
  vertical-align:top;
  padding-right: 4px;  
}

萨法斯夫
.tokenfield.token.close{
字体系列:Arial;
显示:内联块;
线高:100%;
字体大小:1.1米;
线高:1.49em;
左边距:5px;
浮动:无;
身高:100%;
垂直对齐:顶部;
右侧填充:4px;
}

我试过
float:right
right:0px
但都不起作用。有什么建议吗?

下面的CSS就可以了:

position: absolute;
right:0;


请注意,您的选择器不正确
.tokenfield.token.close
选择具有类close的元素,该类close是具有类tokenfield的元素的后代,该类token是具有类tokenfield的元素的后代。

谢谢!但它在div外,我希望它在div内尽可能向右长。给你的div一个相对位置。然后,任何绝对定位的子体都将停留在divs边界内。