绝对定位的元素宽度问题

Question

我下面的DOM结构

<div> 
    <span>/* comment action */</span>  //float:left 
    <span>/* like action */</span>   //float:left 
    <span>/* other actions     //float:right; position:relative; 
     <ul>    //position:absolute; 
      <li>Set due date</li> 
      <li>Delete</li> 
     </ul> 
    </span> 
</div> 

的问题是，列表项的宽度设置为最长的单词的宽度。我希望每个列表项都出现在一行（如块）中，最大宽度应该是最长列表项的最大宽度，并将它们显示在下面。

这里有一些屏幕截图，会给出更好的想法。

http://imgur.com/IkbAI

http://imgur.com/h6uHc（的 “时间” 一词最大宽度）

http://imgur.com/lNCQu（的 “Setduetime” 字时取出空间最大宽度）

如何（文字 “选项” 的最大宽度）我能解决这个问题吗？ （我不想指定具体宽度为ul）

Answer 1

@Bongs;这样写：

ul{white-space:nowrap} 

Answer 2

为什么你绝对定位ul标签？这会导致你的宽度问题。