我正在爲uni項目開發一個網站的過程中，我已經構建了一個自動更改的滑塊，而只使用css（這是該項目的要求，我不使用任何東西其他）。我遇到的問題是，當幻燈片發生變化時，左邊距開始累加，我無法弄清楚原因。純粹的CSS滑塊左邊緣增長
我已經嘗試製作一個頁面，只需滑動條的html和css工作，它在那裏正常工作，但沒有合併到我的主要css頁面。
任何指針，將不勝感激！
這可以看出該網站是http://www.darkmatter-designs.com/
正如你所看到的，圖像，這使得它們的寬度有效地變大一點。我看到你在你的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>
我知道，它的怪異。
我想不出是什麼問題...的CSS是真的很亂，有很多無用或覆蓋性能的..你必須優化它.. 但不知何故，我找到了一種解決方法：將＃css-slider的寬度設置爲864px ..這不是一個真正的解決方案，但它仍然可以工作。
感謝您的修復！最後，我發現了一個網站，爲這個問題提供了一大堆解決方案。 （http://css-tricks.com/fighting-the-space-between-inline-block-elements/）我在#css-slider元素上使用了text-size = 0選項。 –