这是一个创建于 3335 天前的主题，其中的信息可能已经有所发展或是发生改变。
见 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
Biwood 2015-11-11 10:48:42 +08:00  1
看的好累，现在的年轻人表达能力都差成这样了么。
你试试在 div.b 上面加个 white-space: nowrap; |
 |
2
IamJ 2015-11-11 10:59:30 +08:00 1
根据对你描述的勉强理解
.b 加上 white-space: nowrap; 另外 .b 设置了 float: left; 的话就没必要再设置 display: block; 多余 |
Select Language