css - CSS位置绝对和滚动问题

Question

我正在制作一个网站模板，我想在顶部制作照片。好吧，我使用了绝对位置，然后我将顶部设置为 -50 像素，左侧设置为 -50 像素。它工作得很好，但我有一个问题，滚动条出现在底部。这是 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 专门处理它。