[英]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-inner
和footer-inner
類的div
。您可以添加CSS規則,例如: div.region-inner.footer-inner { display:none; }
div.region-inner.footer-inner { display:none; }
,它將被隱藏。 (這是假設您無權訪問HTML,在這種情況下,您可以刪除該代碼)
使用相同的技術,您將看到存在一個div
,其中divide region-inner
和main-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.