Question

向一个DIV中动态添加一些DIV，设定了外面DIV的宽度以及横向滚动条，怎样让添加的动态DIV 不换行

外层DIV#width {
position: relative;
height: 30px;
width : 310px;
overflow: scroll;
overflow-y:hidden;
}
动态添加DIV
.nav {
position: relative;
float: left;
height: 30px;
color: #AAAAAA;
font-size: 20px;
font-weight: bold;
}
当添加DIV 长度超过外层DIV时，新添加的DIV显示在下面，不横向显示，出现横向滚动条

Answer 1

不太明白 你 想要什么的效果，
你 是 想要 在 套用的 div 里边 在加N 个 div 以后 他是不换行的 是这个 意思不？

<div style="height: 30px;width : 310px; overflow-y:hidden; float:left ">
<div style="float: left; height: 30px; ">1</div> <div style="float: left; height: 30px; ">2</div> <div style="float: left; height: 30px; ">3</div>

</div>
这个样子应该是不可以的吧？好像还没有强行不让div 换行的，文字强行不换行到是可以
你可以加 span 、标签应该就可以的吧。试试吧
<div style="height: 30px;width : 310px; overflow-y:hidden; float:left; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; ">
<span style="float: left; height: 30px; ">1</span> <spanstyle="float: left; height: 30px; ">2</span> <spanstyle="float: left; height: 30px; ">3</span>
</div>

追问

标签也不好使的……谢谢你唉～

Answer 2

不太明白你想要什么样的影响，
你要申请的div里面加N-股利后，他是在该行没有变化的是平均不？

1
BR />
这样不应该吗？似乎没有力量让格自动换行强制换行
你可以添加一个span标记，应该就可以了。尝试"height: 30px; />

1 2 “浮动：左;高度：30像素“> 3

Answer 3

动态添加的DIV不要浮动试试。

Answer 4

动态添加的div改为span不行吗，或者div你计算下每几个div就加个 </br>换行

追问

必须是DIV………………而且DIV 1个到3个不等，当添加的DIV 长度超过外层时，横向滚动条显示。

Answer 5

用javascript来写吧