css - 自动将父 div 宽度调整为其子宽度的总和

Question

我希望 searchBox div 元素的宽度是其所有子 div 的总和。目前我已经使用 javascript 进行了计算。

有什么方法可以使用css自动设置。

任何人都可以分享一下吗？

<div class="searchBoxHolder">
    <div class="searchBox">
        <div class="searchBoxElem">#BANANA</div>
        <div class="searchBoxElem">Grapes</div>
        <div class="searchBoxElem">fruit</div>
        <div class="searchBoxElem">mango</div>
    </div>
</div>

http://jsfiddle.net/3nath/UdY6k/

Answer 1

不要给 wrapper 添加宽度并将其显示更改为 inline-block JSFiddle

future 的注意事项: 要删除 float 元素之间的空白间隔，请添加 </div><!-- --><div class='searchBoxElem'> , 或者使用 0px 字体大小作为包装器