如何制作列表<li>自由显示而不是向下显示？</li>

Question

在我的网站hiphopcanvass.com上我在页脚中添加了blogroll。我希望高度是一定的大小，现在它是自动的。如果blogroll的内容达到该高度，那么它将显示在另一侧，直到完全跨越。我想要的可以在下面的图片中看到。

Answer 1

我在网站的页脚中做了类似的事情来显示我的类别（虽然我只在两个短列中显示它们）。

为此，我使用以下CSS来操作列表元素：

#footer ul li.footercolumn{float: left; display: block; width: 210px; margin-right: 20px;}

#footer ul li.footercolumn ul li { float: left; width: 50%; margin-bottom:10px; }

（当然，这必须根据您的应用进行定制）。

有几种方法可以使用CSS创建多个列，我建议您查看有关此主题的CSS Wizardry's和A List Apart's条款。

Answer 2

你需要向左移动<li>并将footerwidget的高度从auto更改为50px