Html CSS:最大宽度不在最大宽度上

我有简单的css动画，我使用最大宽度使水平滚动条不滚动

元素只需在1200px中可见，不多不少

我试着遵循最大宽度，但没有工作

部分{
最大宽度：1200px；
}
.盒子{
宽度：100%；
最大宽度：540像素；
位置：相对位置；
z指数：-1；
顶部：0px；
变换：旋转（80度）；
左：1500像素；
}
.挥手{
位置：绝对位置；
不透明度：.4；
宽度：1500px；
高度：1300px；
左边距：-150px；
利润上限：-250px；
边界半径：43%；
}
@关键帧旋转{
从{变换：旋转（0度）；}
从{变换：旋转（360度）；}
}
.挥手-一{
动画：旋转9000ms无限线性；
不透明度：.1；
背景：#6FC4FF；
}
.挥手-两个{
动画：旋转5000ms无限线性；
不透明度：.1；
背景：#319DE8；
}
.挥手-三{
动画：旋转9500ms无限线性；
背景色：#0087E5；
}

我使用最大宽度使水平滚动条不滚动

您需要使用

overflow-x

属性来隐藏水平滚动

section {
  overflow-x: hidden;
  width:1200px;
}

我使用最大宽度使水平滚动条不滚动

您需要使用

overflow-x

属性来隐藏水平滚动

section {
  overflow-x: hidden;
  width:1200px;
}

---

解决这个问题的一个简单方法是在

正文

中添加

溢出：隐藏

：

body {
  overflow: hidden;
}

---

解决这个问题的一个简单方法是在

正文

中添加

溢出：隐藏

：

body {
  overflow: hidden;
}