见 http://codepen.io/imdoge/pen/dYQJBy?editors=110
描述：对 div.b 而言，父元素固定宽度，相对定位
自己绝对定位，宽度未知（宽度根据子元素宽度和）
子元素非 display:inline （{display:block;float:left;}或{display:inline-block;}）
结果是自己的宽度被限定在父元素的宽度里了，导致子元素换行
（可以尝试一下把 div.a 的 relative 注释掉， div.b 不会换行，或者把 span 改为 display:inline ， div.b 也不会换行）
请问这是什么原因？有什么办法能在父元素非 display:static ，固定宽度（且比较小），本身绝对定位，不能设固定宽度，子元素要有高度的情况下，实现子元素不换行的效果呢？
thanks~
描述：对 div.b 而言，父元素固定宽度，相对定位
自己绝对定位，宽度未知（宽度根据子元素宽度和）
子元素非 display:inline （{display:block;float:left;}或{display:inline-block;}）
结果是自己的宽度被限定在父元素的宽度里了，导致子元素换行
（可以尝试一下把 div.a 的 relative 注释掉， div.b 不会换行，或者把 span 改为 display:inline ， div.b 也不会换行）
请问这是什么原因？有什么办法能在父元素非 display:static ，固定宽度（且比较小），本身绝对定位，不能设固定宽度，子元素要有高度的情况下，实现子元素不换行的效果呢？
thanks~
1
Select Language