css元素水平排列,水平方向溢出

see是我们能看到的地方，超出的部分隐藏。然后main就是放section的地方。因为section有两个，所以main就是200%了，这样里面的section每个就是main的50%，就是see的100%。

但是如果动态的往main里加东西，不用js，我真没思路了。

<div id="see">
    <div id="main">
        <div class="section1">
            1
        </div>
        <div class="section2">
            2
        </div>
    </div>
</div>
#see {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#main {
    height: 100%;
    width: 200%;
}

.section1 {
    height: 100%;
    width: 50%;
    float: left;
    background: red;
}

.section2 {
    height: 100%;
    width: 50%;
    float: left;
    background: red;
}