万能的大牛，求助，为什么我给li设置左浮动会变成这样，如图

左边也没有元素啊

javascript 前端 vue.js css3 css

阅读 3.3k

5 个回答

✓ 已被采纳

有点蠢，我这种情况是被上边的元素挡住了 TAT

sanri1993

49011346

发布于
2020-03-04

把完整代码贴出来啊

陟上晴明

22k145391

发布于
2020-03-05

审查 ul 和 li 元素盒模型的 padding 和 margin，也有可能因为 :before 伪类的内容。
光是贴图的话并不清楚你是不是一些其它的样式，一般来说不会出现这种情况。

以下是我写的一个简单的 demo

<body>
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
</body>

// stylus
body
  margin 0
ul
  padding 0
  margin 0
  border 1px solid red
  &:after
    content ''
    display block
    clear both
li
  width 50px
  height 50px
  border 1px solid blue
  display block
  float left

Mike_Shen

2126

发布于
2020-03-05

怀疑:before搞的鬼，把:before代码也贴出来

大尾巴蛆

53211

发布于
2020-03-11

你的ul有:before和:after这两个伪元素，如果ul没有margin或者padding的话，那就可能是那两个伪元素的问题了。

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

万能的大牛，求助，为什么我给li设置左浮动会变成这样，如图

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

如何防止接口的 key 泄露?

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

Next.js做纯前端是否可行？

如何在Vue中点击菜单弹出v-dialog对话框？

请问开发React Native，一般是推荐哪个主流的UI库呢？

在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？