子要素がウインドウ外に移動したとき、親要素にスクロールバーを表示する

備忘録

/* 親要素 */
.parent {
  position: absolute;
  white-space: nowrap;
  background-color: white;
  overflow-x: auto;
  overflow-y: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

親要素に上記のCSSを記述しておけば、子(block要素)がウインドウ外に移動しても
スクロールバーが表示される。

f:id:m-daichi1219:20200121234116g:plain

TrelloCSSをパクった。。