如何使绝对定位内部元素不继承父级宽度，而是靠内容自动撑开宽度？

如何使绝对定位内部元素不继承父级宽度，而是靠内容自动撑开宽度？

经常写hover  效果的时候，不经意间，父级有宽度，而hover 里的内容是撑开的，正常情况下 hover 的宽度，不是撑开的就会继承父级的宽度：例如hover 文字撑开一行，撑开的，但是父级有宽度，就会继承父级导致hover 里的文字换行。这往往是我们不想要的。解决办法就是，white-space:nowrap 属性。根本不用写js。用法就是在需要宽度自动撑开的元素上面添加样式：

white-space:nowrap