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

Question

• 这样的一个div，默认是存在在页面左边的，之后新增这样一个div，属性完全一样的div，让它出现在右边，第三次新增这个div，让他出现在左边，第四次在右边，以此类推

  补充的说，这个div默认开始只有一个，并且在左边，页面有个按钮会不停的建立这个div，但是又不想每次出现都在左边，而是一左一右那样出现

 <div></div>

Answer 1

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