ul-li元素样式不正确

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

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

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

回答：

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

以上是 ul-li元素样式不正确 的全部内容， 来源链接： utcz.com/qa/257594.html

回到顶部