根据子DIV数量，宽度自适应

Question

比如
<div style="width:1000px;">
<div>只有1个子DIV的时候，宽度就是1000px </div>

</div>
如果有两个子DIV的时候，宽度就是1000/2，3个就是1000/3，4个就是1000/4 依次类推
请帮忙，贴出具体实现代码。谢谢

Answer 1

这个使用了jQuery,代码如下，因为浏览器解析问题，会出现不兼容问题，给你一个大体代码：
<style type="text/css">
#container div{float:left;}

</style>

<div id="container" style="1000px;">
<div></div>....
</div>
<script>
$(document).ready(function(){
var $divs=$("#container>div")
$sum=$divs.size();
$divs.css({"width":1000/$sum+"px");

});

</script>
上述的意思是获取子元素div个数，然后计算获得每个div的宽度，然后设置其宽度。因为要一行，所以样式表要将其设置为浮动。因为不同浏览器解析不同，有可能会出现串行问题，这个自己优化吧