Question

您好我正在尝试构建一个列表（代码在http://jsfiddle.net/jLM4J/共享）。

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

即使我用一个单独的div替换用户li元素在ul（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;
}

如果没有设计可看，很难知道为什么你可能会有这样的浮动：离开那里。

如果你需要它左对齐PAGE，它需要在ul之外。
如果您希望它在页面内左对齐，请将text-align:left;指定给li元素。

ul-li元素样式不正确

1 个答案: