css - CSS の絶対位置とスクロールの問題

Question

私はウェブサイトのテンプレートに取り組んでいて、一番上に写真を作りたいと思っています。絶対位置を使用してから、上を -50px に、左を -50px に設定しました。それは完全に機能しますが、スクロールバーが下部に表示されるという問題が1つあります。これは 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 で処理しない限り、水平スクロールバー (!) が表示されないことに注意してください。