Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS图像相互堆叠_Css_Image - Fatal编程技术网

CSS图像相互堆叠

CSS图像相互堆叠,css,image,Css,Image,我想问一下导致我的图像相互堆叠的CSS 我不能给小提琴,因为太多的代码和css,但我给我的网页 正如您所看到的,幻灯片中有拇指图像,但它们相互堆叠。我曾尝试为img使用边距或填充,但什么都没有发生,除非我将图像的大小更改为100,否则它将正常运行。我尝试将位置更改为绝对、相对等,但图像最差,完全堆叠 那么,我必须做些什么来创建这个图像,而不是彼此堆叠? 很抱歉我的英语不好。从我看到的情况来看,您将每个父元素的宽度设置为69px,而每个子图像的宽度为180px。这将导致重叠,因为图像的大小不影响其

我想问一下导致我的图像相互堆叠的CSS

我不能给小提琴,因为太多的代码和css,但我给我的网页

正如您所看到的,幻灯片中有拇指图像,但它们相互堆叠。我曾尝试为img使用边距或填充,但什么都没有发生,除非我将图像的大小更改为100,否则它将正常运行。我尝试将位置更改为绝对、相对等,但图像最差,完全堆叠

那么,我必须做些什么来创建这个图像,而不是彼此堆叠?
很抱歉我的英语不好。

从我看到的情况来看,您将每个父元素的宽度设置为69px,而每个子图像的宽度为180px。这将导致重叠,因为图像的大小不影响其父级大小

应用这些规则解决了我的问题:

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

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

最终找到了它。。它是由js创建的,所以我错过了。。非常感谢你,为什么对这个问题投反对票?