div ul中 第一个li为什么和后面所有的li会不对齐?

效果图

代码

第二个li是上面那个li复制下来的为什么会不对齐?

阅读 5k
3 个回答

chorme 看下你的dom结构 猜测可能存在没有闭合的标签

99.9%的可能是排行榜那几个字超出父容器的高度。

应该就是楼上所说的问题,你排行榜使用了浮动吧,浮动元素会缩短下面第一行的行框。
推测浮动的高度你没给,使用的是其行高超过你上面那个div给的高度,所以对下面的内容产生的影响
补充:
两个div并不能阻止上述情况,你需要让一个div生产bfc或者让浮动元素不超过他容器的高度

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题