绝对 div 的宽度变得太小,导致文本换行

Tom*_*oot 1 html css css-position width

当我制作一个按钮时,我想制作一个当我悬停按钮时出现的 div,尽管我对其宽度和位置有疑问。

这个问题可以在下面的图片和 jsfiddle 中看到。当我对相对按钮进行绝对设置时,看起来它的最大宽度变成了按钮的宽度。如果按钮很小,悬停 div 也会很小。我怎样才能用 a 制作一个普通的悬停 div width:auto

http://jsfiddle.net/ghpc9fwk/

这可能更能描述问题

Tom*_*ski 5

只需添加一个white-space: nowrap;属性即可防止文本在最近的情况下换行;)

这是一个工作示例: http: //jsfiddle.net/1revewwm/

我也修改了bottom属性