ulli元素的样式不正确

Question

嗨，我正在尝试构建一个列表（代码共享于：http://jsfiddle.net/jLM4J/)。

我的问题是，虽然列表元素不应该重叠，但为什么我的列表与我试图显示用户详细信息的第一个项目重叠。

即使我将user-li元素替换为ul外部/内部的独立div(http://jsfiddle.net/yYEhS/1/)，ul列表仍然保持与我的元素重叠，而它不应该重叠，因为我的元素是显示为块的div。

有人能帮忙吗，因为这让我心烦意乱。

Answer 1

这是因为用户div声明中有一个float:left;。像这样删除它，它就起作用了：

.user-image {
    width: 30px;
    height: 30px;
    background: url('../../images/user.png') no-repeat center center;
    margin: 1px;
    border: 1px @border-style @border-color;
}

如果没有设计，很难知道为什么你会有那个浮子：留在那里。

如果你需要它与页面左对齐，它需要在ul之外
如果希望它在页面内向左对齐，则将text-align:left;分配给li元素。