问答

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

作者:admin 2021-09-23 我要评论

左边也没有元素啊 ### 有点蠢,我这种情况是被上边的元素挡住了 TAT ### 把完整代码贴出来啊 ### 审查 ul 和 li 元素盒模型的 padding 和 margin ,也有可能因为...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

image.png
image.png
左边也没有元素啊

###

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

###

把完整代码贴出来啊

###

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


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

<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
###

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

###

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 万能的大牛,求助,为什么我给li设置左

    万能的大牛,求助,为什么我给li设置左

  • js写的扫雷,连续刷新会出现几次Uncaug

    js写的扫雷,连续刷新会出现几次Uncaug

  • photoClip在微信下缩放失效

    photoClip在微信下缩放失效

  • React项目在开发环境webpack-dev-serve

    React项目在开发环境webpack-dev-serve

腾讯云代理商
海外云服务器