为什么会多出3个像素,如何解决

写了一个小页面,用bootstrap,偶然发现,讲页面向左滑动会多出3个像素,仔细看了代码也不知道这3个像素是哪里多出来的,需要的话会贴出代码
这是我理想状态
图片描述
最底下的那一层我不知道叫什么,但是他的宽度超过了375
所以页面还可以左滑,然后就多出了这大约3个像素
图片描述
是因为我有浮动没有清楚吗?那又如何查找浮动,如何清楚了?

阅读 4.1k
5 个回答

试试添加一个 overflow: hidden; 在 div.container

找找你里面是不是哪个元素是不是设置了margin-left/margin-right

某个元素的大小溢出了,仔细查看下他们的margin,padding,border看

方便点是给包含元素添加overflow:hidden

是不是li下嵌套的图片?
如果是那就会有多出3像素问题,
在li加line-height:0;font-size:0就可以了。

应该是img的,你把img设成block试试

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