CSS位置绝对和滚动问题

Question

我在网站模板上工作，我想在顶部制作照片。 好吧，我使用绝对位置，然后我将顶部设置为-50px并保持为-50px。 它工作得很好但我有一个问题滚动条出现在底部。 这是div的css：

#moon {
     background-image:url('img/moon.png');
     width:289px;
     height:289px;
     position:absolute;
     top:-150px;
     left:-160px;
     overflow:hidden;
 }

Answer 1

给身体overflow-x: hidden

另请注意，在小屏幕上不会有水平滚动条（！），除非您使用响应式CSS专门处理它。