如何让多个元素横向摆放,且可以拖动

<div id="root">
  <div class="root-c"></div>
  <div class="root-c"></div>
  <div class="root-c"></div>
</div>

#root{
    overflow: auto;
}
.root-c{
    width:3000px;
  }

只需要这么简单的设置,class为root-c的元素就会横向摆放并可以拖动.

关于margin-top有效,top却无效的情况

这是因为position是static的缘故(static是position的默认值),static定位会忽略掉top,right,bottom和left.

margin-top与top的区别

margin-top是相对定位,top是绝对定位.