给box加了绝对定位，left：0，为什么左边会有小间距出现

给li加了子元素box鼠标悬停在li上，box出现
li为相对定位
且给box加了绝对定位，left：0，为什么左边会有小间距出现

top值也一样，这种数值会忽略掉边框么

那块是li的border宽度吧。box是相对li的content的，肯定在li的border内了。

绝对定位用于父子元素的子元素，子元素在父元素内，子元素的绝对定位也应是相对于父元素的内容区域而言的
.box 设置left：0，也是要在父元素li的边框线以内的

box 这个是否相对li做的绝对定位？如果是，那受外面的影响

楼主，你在css里面添加*{margin:0;
padding:0;}就可以了
望采纳

看着代码不是很全，提供下完整代码才方便找到原因

单从图中的代码来看，可以先尝试排除，换一个浏览器打开试试，看仍否是这样一个效果。
如果不是，则问题解决。
如果仍是多的那一小块，仔细看其实也就是一个边框的大小，可考虑在css代码部分，加入对margin属性的处理试试看。
如有帮助，还请采纳！谢谢！

通过提供position: absolute，您的div根本没有使用其父级的全部宽度（在本例中为窗口）。您可以指定width: 100%或left: 0; right: 0;将其拉伸到全宽。

看下父级设置的宽度

首先，安装或下载Normalize.css来重置样式，接下来有两种主要途径去使用它。
下载链接：http://necolas.github.io/normalize.css (点击连接前往下载)
方式一：将Normalize.css作为你自己项目的基础CSS，自定义样式值以满足设计师的需求。
方式二：引入Normalize.css源码并在从基础上构建，在必要的时候用到你自己写的CSS覆盖默认值。

给.box添加 box-sizing: border-box; 属性就可以啦

这种情况应该购物车的边框给挤出去了
解决方法:可以给购物车的span标签设置成块级样式，代码display: black，然后在弄一个1px的左边距来实现视觉上的对齐
顺便提一下，布局不推荐用定位来做，定位用来排版并不不是很方便，会有很多问题出现。

可以尝试对ul和li设置border:none;padding:0;

子绝父相
子元素用绝对定位,父元素用相对定位

子元素box设置绝对定位position: absolute;，父元素li设置 position: relative;就可以了

你li和.iconfont的样式怎么写的？