CSS Image成为彼此堆叠

Question

我想问一下关于CSS的问题，它们会导致我的图像互相堆叠。

我不能放弃小提琴，因为太多的代码和CSS，但我给我的网页in here

正如你可以看到有拇指图像的幻灯片，但它们叠加在一起。我尝试为img使用边距或填充，但没有任何事情发生，除非将图像大小更改为100，则它将按名义运行。我试图将位置改变为绝对的，相对的等，但图像是最差的，完全堆叠。

那么我必须做什么来创建这个图像不堆叠对方？ 对不起，我的英语不好。

Answer 1

从我所看到的，你设置每个父元素具有69px的宽度，而每个子图像是180px宽。这将导致重叠，因为图像的大小不会影响它的父级大小。

应用这些规则解决了这一问题对我来说：

.es-carousel ul{ 
    width: auto; 
} 
.es-carousel ul li { 
    width: 180px; 
} 

确保您删除“宽度：69px”从每个li元素了。