在页脚CSS中的站点地图以对齐/浮动li元素

Question

看看下面的jsFiddle：

http://jsfiddle.net/DNB9T/

如何浮动不同的ul li元素，使它们在彼此相邻的位置排列，当它们到达右边界时它们会移动到下一行？

Answer 1

不完全确定你想做什么，但你可以做这样的事情

ul.sitemap > li{
    float:left;
    margin:1em;
    min-height:160px;
}

示例： http://jsfiddle.net/DNB9T/5/

基本上，float仅指导li的儿童（ul.sitemap}。

添加margin以将其展开。

给它一个min-height，这样浮动的元素就会相互清晰。我选择了160px，您可能需要进行调整。

Answer 2

使用display:inline-block;

.sitemap ul li{
    display:inline-block;
}

正在使用 demo