Question

我要实现的效果是让div内所有的span在一行显示，如果宽度超过div的宽度则div出现横向滚动条，但是无法实现

<div style="width:100px;overflow-x:scroll;dispaly:inline;white-space:nowrap;">
<span>AAAA</span>
<span>BBBB</span>
<span>CCCC</span>
<span>DDDD</span>
<span>EEEE</span>
<span>FFFF</span>
</div>

我要实现的效果是让div内所有的span在一行显示，如果宽度超过div的宽度则div出现横向滚动条，但是无法实现，求助！
那你们试试把那个div的宽度设置小一点 ，设置为10px；或者5px再试试,或者在div中多加N个span，我这试了不好使啊 ，我换个电脑试试！

Answer 1

<div style="width:100px;height:35px;overflow-x:auto;dispaly:inline;white-space:nowrap;">
<span>AAAA</span>
<span>BBBB</span>
<span>CCCC</span>
<span>DDDD</span>
<span>EEEE</span>
<span>FFFF</span>
</div>
这个方法可以，但是你的DIV就会高出一些，因为需要预留一定的滚动条高度。

Answer 2

我用你的代码在本机测试，可以的哇，所有的SPAN在同一行，并且外面的DIV出现了横向滚动条

Answer 3

伙计啊，可以实现啊，你再试试，我就粘了个代码，一试就可以了，是不是你浏览器有问题，用IE的试试

Answer 4

<div style="border:1px #cccccc solid;width:300px;height:20px;">
<span style="float:left">aaaaaaa</span>

<span style="float:right;width:100px;height:20px;text-align:right;">bbbb</span>
</div>
不已经右对齐了吗?

Answer 5

display: inline-block;