CSSだけでスワイプを実現する自分用メモ

CSSだけでスワイプを実現したい

/*CSSで、スワイプのティップス start*/
.parentDiv {
  display: block;
  width: 100%; /*親要素は幅100%とする*/
  overflow-x: scroll;
  overflow-y: hidden;
}
.childDiv {
  display: table;
  width: 1200px; /*子要素は要素の幅合計プラスマージンプラスぐらいなので要計算*/
  border-spacing: 10px 0px;
}
.child {
  display: table-cell;
  width: 150px; /*子供は幅を指定する*/
}
/*CSSで、スワイプのティップス end*/

以上！
自分用メモ。