Html 添加自动幻灯片已创建水平滚动？

我昨晚在我的网站上添加了一个自动幻灯片，效果很好，我很喜欢，但是它创建了一个非常讨厌的水平滚动条，让我可以向右滚动查看即将到来的照片。我试过x-overflow:hidden；但这并没有奏效

有人知道我能解决这个问题吗

a{
文字装饰：无；
}
/*居中和造型的标志*/
模拟中心{
显示：块；
margin:auto；/*在添加0之前，图像没有精确居中*/
宽度：8%；
填充：0 65px 0 0；
}
/*删除项目符号并设置导航栏的样式*/
保险商实验室{
列表样式：无；
填充：0 20px 0；
边际上限：0px；
背景色：#000000；
文本对齐：居中；
z指数：100；
}
李{
浮动：左；
右边距：15px；
显示：内联块；
填充：0 89px 0 85px；
}
李阿{
显示：块；
颜色：白色；
字体系列：信使；
}
头{
保证金：0；
}
身体{
颜色：黑色；
保证金：0；
}
页脚{
保证金：0；
}
@关键帧滑块{
0% {
左：0；
}
20% {
左：0；
}
25% {
左-100%；
}
45% {
左-100%；
}
50% {
左-200%；
}
70% {
左-200%；
}
75% {
左-300%；
}
95% {
左-300%；
}
100% {
左-400%；
}
}
#滑块{
溢出：隐藏；
}
#滑块式img{
宽度：15%；
高度：600px；
浮动：左；
显示：内联块；
左侧填充：0像素；
}
#滑块图形{
位置：绝对位置；
宽度：9000px；
边际：0px；
衬垫顶部：-10px；
左侧填充：-100px；
文本对齐：居中；
字号：0；
动画：15s滑块无限大；
}

即将到来的事件..

只需将此添加到CSS：

body {
  overflow: hidden;
}

因为您的

#滑块图形

元素是绝对定位的，所以它的父元素没有高度。为了使溢出隐藏起作用，您可以在

#slider

元素上指定一个高度，就像我在下面所做的那样

a{
文字装饰：无；
}
img.center{/*居中并设置徽标样式*/
显示：块；
margin:auto；/*在添加0之前，图像没有精确居中*/
宽度：8%；
填充：0 65px 0 0；
}
ul{/*删除项目符号并设置导航条的样式*/
列表样式：无；
填充：0 20px 0；
边际上限：0px；
背景色：#000000；
文本对齐：居中；
z指数：100；
}
li{
浮动：左；
右边距：15px；
显示：内联块；
填充：0 89px 0 85px；
}
李阿{
显示：块；
颜色：白色；
字体系列：信使；
}
头{
保证金：0；
}
身体{
颜色：黑色；
保证金：0；
}
页脚{
保证金：0；
}
@关键帧滑块{
0% {
左：0；
}
20% {
左：0；
}
25% {
左-100%；
}
45% {
左-100%；
}
50% {
左-200%；
}
70% {
左-200%；
}
75% {
左-300%；
}
95% {
左-300%；
}
100% {
左-400%；
}
}
#滑块{
溢出：隐藏；
宽度：100%；
高度：600px；
位置：相对位置；
}
#滑块式img{
宽度：15%；
高度：600px；
浮动：左；
显示：内联块；
左侧填充：0像素；
}
#滑块图形{
位置：绝对位置；
宽度：9000px；
边际：0px；
衬垫顶部：-10px；
左侧填充：-100px；
文本对齐：居中；
字号：0；
动画：15s滑块无限大；
}

即将举行的活动。。