一个div需要不停的出现，问题是需要实现位置变化

Question

这样的一个div，默认是存在在页面左边的，之后新增这样一个div，属性完全一样的div，让它出现在右边，第三次新增这个div，让他出现在左边，第四次在右边，以此类推补充的说，这个div默认开始只有一个，并且在左边，页面有个按钮会不停的建立这个div，但是又不想每次出现都在左边，而是一左一右那样出现 <div></div>

Answer 1

<style>#dv{overflow:auto}#dv div{float:right;width:100px;height:100px;border:solid 1px #000;margin-right:5px}#dv div:nth-child(2n+1){float:left;margin-left:5px;margin-right:0}</style>
<div id="dv"><div></div></div>
<input type="button" onclick="addDiv()" value="add div"/>
<script>
    function addDiv(){
        var dv=document.getElementById('dv');
        dv.appendChild(document.createElement('div'))
    }
</script>