2

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

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

即使我将用户 li 元素替换为 ul 外部/内部的单独 div（http://jsfiddle.net/yYEhS/1/），ul 列表仍然会与我的元素重叠，但不应该因为我的元素是 div 显示作为一个块。

任何人都可以帮忙，因为这让我心烦意乱。

4

1 回答 1

0

这是因为float:left;在您的用户 div 声明中。像这样删除它，它可以工作：

.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 元素。

于 2012-07-18T12:59:36.333 回答