html子元素浮动使用百分比时，父元素宽度等于子元素所有宽度的和，你看到的现象。拿来即用，拿来测试

<style>
    body{height: 1500px;}
    #tag{
        background: #eee;
        overflow: hidden;
    }
    #tag div{
        float: left;
        background: #ddd;
        width: 33.33%;
        height: 200px;
    }
    #tag div:nth-child(2n){background: #ccc;}
</style>

<div id="tag">
    <div>0</div>
</div>

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
    var i=1;
    $("body").click(function () {
        $("#tag").append("<div>"+(i++)+"</div>");
        $("#tag").width( $("#tag div").width()*i);
        console.log($("#tag div").width());

    })
</script>