簡體   English   中英

刪除博客底部的空白

[英]Removing the white space at the bottom of blog

我是編程世界的新手。...我無法刪除博客底部的空白。 我已經嘗試過在所有地方進行研究並嘗試不同的方法,但是似乎沒有任何效果。 這是我的博客, http://goneintranslation.blogspot.ca/ 如果您向下滾動到博客的底部,就會有這個空白,有誰知道如何消除/減少空白?

非常感謝。

.region-inner.main-inner {
    padding-bottom: 0px;
}

擺脫<footer></footer> ,因為其中沒有任何內容。

對於這種想法,我喜歡打開Chrome的DevTools並單擊小放大鏡圖標(當您將鼠標懸停在該圖標上時,它會在單擊元素進行檢查時顯示類似內容)。

然后,只需將鼠標移到該區域的頂部即可。 您會注意到存在一個帶有region-innerfooter-inner類的div 。您可以添加CSS規則,例如: div.region-inner.footer-inner { display:none; } div.region-inner.footer-inner { display:none; } ,它將被隱藏。 (這是假設您無權訪問HTML,在這種情況下,您可以刪除該代碼)

使用相同的技術,您將看到存在一個div ,其中divide region-innermain-inner類的padding-bottom屬性設置為65px。 這將在底部創建更多的空白區域。 創建一個CSS規則,以將該padding-bottom調整為您想要的padding-bottom

嘗試查找此類空間時,我使用了Chrome開發人員工具。 將鼠標懸停在源代碼上可以顯示樣式表覆蓋的框。 您可以折疊div和其他標簽。

這向我顯示了以下內容:

.footer-inner總填充為30px(頂部15,底部15)。main-inner為您填充底部65px。

希望這可以幫助。

Stretsh

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM