Question

div宽度随着li的内容增多而变宽,不受外部div宽度的限制

<div class="box">
<div class="scroll_list">
<ul>
<li><img src="1.jpg" /></li>
<li><img src="1.jpg" /></li>
<li><img src="1.jpg" /></li>
<li><img src="1.jpg" /></li>
<li><img src="1.jpg" /></li>
</ul>
</div>
</div>
box的宽度固定 当scroll_list内li增多时不会换行，也就是撑大scroll_list的宽度，不受box宽度限制

Answer 1

　　你好！根据你提供的例子，我已经明白你要做的事了，box全局宽度固定，根据内容来进行自行调整，而且不影响其排版，这其实也很简单，根据你提供的css名称，我提供CSS样式给你作参考。
　　.box{width:500px;}/*固定全局宽度*/
　　.scroll_list{width:100%;}/*根据全局宽度设置内容框100%*/

　　/*其下设置的是里面li个数来调整其宽度*/
　　ul{width:100%;}
　　ul li{width:20%; line-height:25px; float:left;}

　　这样就可以了，你试一下，真不行你就用简单的js取一下width值和li个数就可以自动增加了。
　　希望我的回答能令你满意！

追问

box宽度设为500px的话 scroll_list宽度设为100% 那么scroll_list的宽度就是500px ，同理ul也是500px。就算li宽度设为20%。当超过 5个li的时候也就是超过100%的时候，li还是会换行。如果用js来写的话，应该怎么写呢

Answer 2

加一下li 的宽度

追问

不能设置li 的宽度，因为里面的img宽度不确定，高度我设置成固定的了

追答

限制ul的宽度，li 左浮动

追问

如果li的宽度的总和超过了ul的宽度，他还是会换行

追答

超过了宽度，换行正常啊

追问

看清楚我的要求好吗， 要的是不会换行