父元素相对定位,子元素绝对定位自适应方法

.wrap {
    position: relative;
    width: 30px;
}
.leaf {
     position: absolute;
     white-space: nowrap;
}
.leaf li {
     display: inline-block;
}
<div class="wrap">
    <ul class="leaf">
        <li>现在的内容就不换行了</li>
        <li>现在的内容就不换行了</li>
    </ul>
</div>

说明:关键是子元素要设置white-space: nowrap;并且它下面的元素不能设置浮动才能起作用