CSS位置絕對和滾動問題

我在一個網站模板上工作，我想在頂部照片。嗯，我使用的位置絕對，然後我將頂部設置爲-50px，並保持-50px。它工作完美，但我有一個問題滾動條出現在底部。這是DIV的CSS：（！）CSS位置絕對和滾動問題

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

來源

2013-08-19 checkopenport

爲什麼不把這個背景放在'body'元素上？ – Itay

嗯，你可以提供一個jsfiddle或一些更多的信息什麼其他元素在那裏，滾動顯示在哪裏？在身上的標籤？如果是，則使用body {overflow-x：hidden;} < - 這將刪除底部的滾動條 –

@它已經爲body設置了背景，這個div就像logo，我不能使用overflow：hoddeon on the boddy因爲身體太長 – checkopenport

給身體overflow-x: hidden

還要注意，在小屏幕上不會有水平滾動條，除非你會響應CSS專門處理它。

來源

2013-08-19 16:40:29 Itay

好的非常感謝你！工作 – checkopenport

CSS位置絕對和滾動問題

回答

相關問題