css – 让孩子比没有宽度的父母宽

<div id="parent">
  <div id="child">
    content...
  </div>
</div>

是否有可能使#child像内容一样宽？比#parent宽,如果需要,它有一个固定的宽度.

(在我的情况下,内容是一个我不想换行的未知文本字符串)

解决方法

您可以在#child上设置 display:inline和 white-space:nowrap,这将为您提供您想要的结果.容器将仅与内容中的内容一样宽,并且如果需要将超过父级的宽度.

演示：http://jsbin.com/ebuxup/edit#html,live