使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％宽度来填充容器，高度为250px。我希望所有内部div都水平排列。如果它们超过水平宽度，则外部div应具有水平滚动条。即所有内部div都在一个水平行上。

Answer 1

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