2016-12-13 73 views
0

我在我的website上遇到問題,在放大顯示水平滾動條之前,如果我要滾動到右側,我會找到空白區域,徘徊在它上面。我試圖找出一種方法來擴展我的div的背景,就像我的導航欄一樣,它總是覆蓋這個空白空間。如果有人要放大,我希望允許橫向滾動,所以我的身體溢出設置爲自動。將身體寬度設置爲100%似乎無法解決此問題。水平滾動屏幕右側的空白

據我所知,這可能是很難回答沒有動力的HTML和CSS。如果要求,我會清理它(有點混亂)併發布它。

爲了更具體一點,每當我有一個水平滾動條(無論是從縮放還是簡單地通過拖動縮小屏幕寬度),如果我向右滾動,我發現空白。我怎麼能讓我的div背景適合那個空間?

+0

歡迎來到Stack Overflow。首先請檢查Stack Overflow的[請求問題幫助](http://stackoverflow.com/help/asking)。關注[我可以在這裏詢問哪些主題](http://stackoverflow.com/help/on-topic),[我應該避免詢問什麼類型的問題?](http://stackoverflow.com/help/dont (如何創建一個最小,完整和可驗證的示例)(http://stackoverflow.com/help/how-to-ask),http:// stackoverflow。 com/help/mcve)和[Stack Overflow問題清單](http://meta.stackoverflow.com/questions/260648/stack-overflow-question-checklist)。 –

+0

將此添加到您的css文件* {margin:0;填充:0; } 有用。! –

回答

0

添加CSS您的超大屏幕:

background-color: /*#4ABDAC#FC4A1A #3CC47C#F7C331 #57BC90 #438496 #88D317*/ #73B66B !important; 

你的身體。

+0

除了將這種顏色添加到我的整個頁面上,這意味着什麼也沒有多大的意義,這意味着我擁有空白的任何地方,我現在都擁有這種顏色。 – Modrummer

+0

@Modrummer哦。我認爲這是整個頁面。 – winterfox

1

您可以將CSS添加到你的身上,這是一個問題與您的填充:

body { 
    margin-top: 0px; 
    margin-bottom: 0px; 
    margin-right: 0px; 
    margin-left: 0px; 
} 
+0

嘗試了這一點,並沒有得到任何效果,不幸的是(即使設置每個!重要)。我的一些填充/邊距可以覆蓋這個嗎? – Modrummer

+0

也許將此添加到所有具有填充的div。 @Modrummer –

1

嘗試使用<meta name="viewport" content="width=device-width, initial-scale=1.0">!順便說一下,當我在一臺小屏幕筆記本電腦上打開你的網站天氣時,或者1080全高清1920時,我在右側看不到任何空白區域。當我縮小到底部的Chrome的50%時,我看到的唯一空白空間!

+0

已經有這個,謝謝。當您放大到足以看到水平滾動條並滾動到最右側時,會出現空白區域。 – Modrummer

+0

很可能它在某處被覆蓋。你能否提一下你在做背景大小操作的'css'的名字? –

+0

g-nee.css具有我爲CSS所做的任何編輯的大部分。 – Modrummer

相關問題