css / html - div的自动换行等效/元素容器的自动宽度

Question

我有一个图像滑块/查看器，其中包含一堆图像的绝对定位的div位于固定宽度的相对div内。问题是图像在绝对定位的div内部出现在另一个下方，而不是水平地彼此相邻 - 即使它们被赋予属性float：left; - 我如何阻止它们包装（类似于你通过no-wrap属性阻止文本这样做？我可以给绝对定位的div一个包含其所有元素的width属性而不通过javascript计算这个宽度吗？这里的代码：

<div id="homeSlider" style="width:800px; position:relative;">
    <div id="homeSlides" style="position:absolute;">
        <img class="homeSlide" src="images/temp-portfolio.jpg" alt="Portfolio Item"/>
        <img class="homeSlide" src="images/temp-portfolio.jpg" alt="Portfolio Item"/>
    </div>
</div>

Answer 1

最容易做的事情（如果可能，在您的情况下）是将img项设置为display: inline-block，然后将homeSlides设置为white-space: nowrap，并避免float一起。

See fiddle.