ul-li元素样式不正确

嗨我正在尝试构建一个列表（代码共享在：http://jsfiddle.net/jLM4J/）。ul-li元素样式不正确

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

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

任何人都可以请帮忙，因为这是让我头痛的事情。

2012-07-18 user1242321

这是因为您的用户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元素。

来源

2012-07-18 12:59:36

感谢您的回复。我的意图是放置浮动：左边是图像应该浮在左边，而用户名和用户请求可以出现在右边。该清单将在下面垂直显示。我也不明白为什么它打破我的单行'3请求悬而归'到三个不同的行，而不是增加div的宽度本身... – user1242321 2012-07-18 13:35:42

我后来实现它使用负边缘的用户图像：http：// jsfiddle.net/cDgzB/1/ – user1242321 2012-07-18 13:42:48

ul-li元素样式不正确

回答

相关问题