列表项在列表和div区域之外运行 [英] List items run outside of list and div area

问题描述

我有一个菜单未排序列表的问题。其中列表项目超过了< ul> 和< div> 边界并且只开始下一行一旦它到达屏幕的边缘。

I'm having an issue with a menu un-ordered list. Whereby the list items are over running the <ul> and <div> boundaries and only starting the next line once it has reach the edge of the screen.

访问网站： http://finalonline.co.uk/mypics/gallery/categories/

推荐答案

您可以使用 float $ c>。

You can use float: left; on the lis instead of display: inline;.

只要记住在父元素上使用 overflow：hidden; $ c> ul ）。

Just remember to also use overflow: hidden; on the parent element (the ul).

另一个选项将使用： display：inline-block ，但我不能100％确定浏览器支持。

Another option would be to use: display: inline-block, but I'm not 100% sure about the browser support.

这篇关于列表项在列表和div区域之外运行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！