CSSで横スクロールを実装する

公開:2020/10/23
更新:2020/10/23
1 min読了の目安(約200字TECH技術記事 4

ちょっとMySiteのメニューで使いたかったので,調べてみました.

ul要素に以下のプロパティを当てるだけでできました.

ul {
  overflow-x: auto;
  white-space: nowrap;
}

overflow-x:
要素が収まらない場合はみ出た左右をどうするか決める

white-space: nowrap;
改行しないようにします.

【参考文献・参考記事など】
横(水平)スクロールをCSSで簡単に実装する方法