我正在为uni项目开发一个站点，我已经构建了一个自动更改的滑块，同时只使用了css（这个项目的要求是我不使用任何其他东西）。我遇到的问题是，当幻灯片改变时，左边距开始加起来，我无法弄清楚原因。
我尝试使用滑块工作所需的html和css制作一个页面，并且它在那里正常工作，但在合并到我的主css页面时却没有。
任何指针都将不胜感激！
答案 0 :(得分：0)
我无法弄清楚问题是什么.. css非常混乱，有很多无用或覆盖的属性..你必须优化它.. 但不知何故，我找到了一个解决方法：将＃css-slider的宽度设置为864px ..它不是一个真正合适的解决方案，但无论如何都可以。
答案 1 :(得分：0)
正如您所看到的，图像之间有一些余量，这使得它们的宽度有效地变大了一点点。我看到你在你的CSS中应用了一个重置，所以这可能来自你的html中的空白区域。快速解决方法是将所有li和img放在一行中，它们之间没有空格或回车符，如下所示：
<ul id="css-slider"><li><img src="http://cdn.gtm.net.au/images/catalogue/sp_image_108.jpg" alt="slider"></li><li><img src="http://cdn.gtm.net.au/images/catalogue/sp_image_62.jpg" alt="slider"></li><li><img src="http://cdn.gtm.net.au/images/catalogue/sp_image_59.jpg" alt="slider"></li><li><img src="http://cdn.gtm.net.au/images/catalogue/sp_image_66.jpg" alt="slider"></li></ul>
我知道，这很奇怪。