リストアイテムはリストおよびdiv領域の外で実行されます

Question

メニューの順序なしリストに問題があります。これにより、リストアイテムは<ul>および<div>境界線であり、画面の端に到達したときにのみ次の行を開始します。

ここにウェブサイトがあります： http://finalonline.co.uk/mypics/gallery/categories/

Answer 1

float: left;の代わりにlisでdisplay: inline;を使用できます。

親要素（ul）にもoverflow: hidden;を使用することを忘れないでください。

別のオプション 使用することです：display: inline-block、しかし私は ブラウザサポート について100％確信がありません。

Answer 2

表示する：ブロック;常に...絶対にしないでくださいdisplay: inline;またはdisplay: inline-block;

Unordered ListがDIVから流れ出ないように修正するには、CSSにアクセスして、次のように適用してみてください。

ul {
list-style-position: inside;
}

Answer 3

それらを作ります display: block、inlineではありません。

Answer 4

Unordered ListがDIVから流れ出ないように修正するには、CSSに移動して最小幅を追加することをお勧めします。

したがって、たとえば、親の幅が600pxの場合、そのdiv内にクラスを指定し、min-width：600pxを設定すると、

アイテムが互いに積み重なって、親の外にこぼれることから。私のために働いた。