如何让一个div中的内容不换行！
想做到让最外边的div[id=A]内部不论有多少div都不换行，并且撑开div[id=A],请问有什么办法!
<div   id= 'A '>
            <div   style= "float:left;width:200px;height:200px "> </div>
            <!--.....n个div，不确定个数-->
</div>


------解决方案--------------------
try:


<style type= "text/css ">
#a {width:200px;white-space:nowrap;}
#a div {display:inline;margin:0 5px;}
</style>
<div id= 'a '>
<div> 第一组 </div>
<div> 第二组 </div>
<div> 第三组 </div>
<div> 第四组 </div>
<div> 第五组 </div>
<div> ... </div>
<!--.....n个div，不确定个数-->
</div>
------解决方案--------------------
用JS最好，一个循环把子元素的宽度全部加上，再设置一下就行了