html - 使 div 在一行上水平排列

Question

这让我发疯。我有这样的东西:

<div class="outer">
    <ul>

        <li>
          <div class="inner" style="width:150px; height:200px">
            <a href="#" title="@item.Title"><img src="fdfsd.jpg" /></a>
            <br />
            lorem ipsum
           </div>
        </li>

//etc (multiple li's)

</ul>

</div>

我希望外部 div 以 100% 的宽度填充容器，高度为 250 像素。我希望所有内部 div 水平排列。如果它们超过水平宽度，外部 div 应该有水平滚动条。即所有内部 div 将在一个水平行上。

Answer 1

我相信这就是您的目标 http://jsfiddle.net/Fe5Dr/