列表项在列表和div区域之外运行

Question

我遇到了菜单无序列表的问题.因此,列表项过度运行<ul>和<div>边界,并且只有在到达屏幕边缘时才开始下一行.

下面是网站:http://finalonline.co.uk/mypics/gallery/categories/

Answer 1

显示:阻止; 永远......永远不要做display: inline;或display: inline-block;

要修复无序列表从倾倒DIV,请尝试进入CSS并应用此:

ul {
list-style-position: inside;
}

Answer 2

您可以使用float: left;在liS的代替display: inline;.

只记得overflow: hidden;在父元素(the ul)上使用.

另一个选择是使用:display: inline-block,但我不是100%确定浏览器支持.