2017-02-18 31 views
0

如屏幕截圖所示,我無法刪除底部的空白區域。我嘗試了一些解決方案,但他們不工作。請讓我知道是否會有解決這個問題的方法。 http://www.rovedashcam.com/如何刪除我的網站中的空白

enter image description here

+8

這是很容易,真正做到:'體{背景色:黑}'。刪除了空白區域。現在我們有黑色空間。 –

+0

仍然是同樣的問題。 @AndreiGheorghiu –

+0

我在開玩笑。看着它。 –

回答

2

第一種選擇:

body { overflow-x: hidden; } 

應該做的伎倆。
如果它不這裏有幾個可能的原因:

  • your're無法正常
  • 加載.css ...或者你.css文件破損而無法解析(也有可能是部分解析, depening它如何打破

你有沒有注意到我沒有收我上面的支架嗎?這很容易打破CSS文件...


第二個選項:
在你的頁面的<head>標籤內,剛剛閉幕</head>前補充一點:

<style>body>script+div[style^="text"]{display:none}html,body {overflow-x:hidden!important}</style> 

這也將使從頁腳廣告迷路。
如果這不起作用,我正在揚起眉毛。我承諾。


選擇三

如果以上都沒有奏效,刪除每個人,只是你</body>結束標記結束前把這個代碼。 之前,不

<script type="text/javascript"> 
var css = 'body{overflow-x:hidden!important}body>script+div[style^="text"]{display:none!important;}', 
    head = document.head || document.getElementsByTagName('head')[0], 
    style = document.createElement('style'); 

style.type = 'text/css'; 
if (style.styleSheet) { 
    style.styleSheet.cssText = css; 
} else { 
    style.appendChild(document.createTextNode(css)); 
} 
setTimeout(function(){ 
    head.appendChild(style); 
}, 500); 
<script> 
+0

我最初提出'oveflow:hidden;'但你失去了滾動條。使用'overflow-x'。 –

+0

仍然是同樣的問題。 –

+0

如果您將CSS添加到您的CSS並且未修復它,那麼您的'CSS'文件無效和/或不適用。沒有修復將工作。或者你沒有加載它。您是否清除緩存並重新加載?它適用於我的瀏覽器。 –

1

的引導section { display:block }是問題

添加

#footer_area { display:inline!important } 

或類似

+0

不工作。 :( –

+0

嘗試行內塊,並確保它的引導後的CSS – mplungjan

0

嘗試添加#header_area { overflow: hidden; }

0

我不能說爲什麼,但我知道在Firefox這個問題不存在,但Chrome是(Webkit),當我刪除字體大小聲明和-webkit-tap-highlight從HTML的顏色{}這個問題消失了。

不幸的是我不能真正測試這個,因爲我無法呈現你的代碼,但我認爲你禁用了這些行,你應該是好的。字體大小應該在html中聲明爲%,而不是以像素爲單位。

編輯:並確保您的CSS重置在引導之前,並且您的自定義CSS來複位和引導後。

/* bootstrap.min.css */ 
 

 
html { 
 
    font-size: 10px; 
 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
 
}

0

嘗試增加給你的CSS:

body { 
    min-height: 100vh; 
} 

這將設置你的身體的高度,以適應準確。它應該工作,我只是檢查它在你的網站上的文字,它運作得很好。

見從谷歌瀏覽器開發此視頻,詳細瞭解裝配到頁面:https://youtu.be/299RZ0d1LQY