実装方法3パターン 横スクロールを実装する方法は以下の3パターンが主流だと思う。 1, 親要素をdisplay: flexにする 2, 子要素をdisplay: table-cellにする 3, 子要素をdisplay: inline-blockにする それぞれの実装方法と気をつけるところを書いていく。 HTMLはこういったものを想定 <ul class="gnav"> <li class="item">gnav1</li> <li class="item">gnav2</li> <li class="item">gnav3</li> <li class="item">gnav4</li> <li class="item">gnav5</li> </ul> ちなみにどのパターンも親要素(ul)に overflow-x: auto; または overflow-x: scroll; をつける必