绝对定位元素超过浏览器如何避免出现水平滚动条？

Question

做一个demo，中间区域是1200px，想做个css动画做背景，于是使用了绝对定位。
ball_red 和 ball_huang 使用了left负值，左边超出的默认被浏览器切掉，是想要的效果
但是右侧的ball_blue 超过了浏览器出现水平滚动条
请问如何让右侧超出的元素不出现水平滚动条？

测试连接
http://hicsytest.applinzi.com...

Answer 1

可以试试：overflow-x: hidden;