float clear footer margin white gap issue

我在我的html文檔的底部有一個白色的空白問題，並認爲問題在於組合不當使用float，clear，display屬性，但我不確定。float clear footer margin white gap issue

我在頁面的主持有者div中包含頁腳。這個頁腳有50px的頁邊距以提供所需的佈局，但問題是在較小的屏幕上（例如我的筆記本電腦，這是一個標準尺寸的筆記本電腦），html和頁面底部之間似乎有一個白色的差距 - 它看起來不僅僅是持有者div，而且html並沒有「通過頁邊距」來「清除」頁腳。

這是網址，因爲它很棘手的解釋，我相信我接近解決擺弄浮動，清除和刪除邊緣，但不能完全達到那裏......任何想法？我會爲指針感激：

http://tinyurl.com/7ywoqpf

這是問題的一個畫面。 css issue

來源

2012-03-07 Doug Fir

我起誓，在右下角我可以看到一個背景圖片的一部分，但從右側30像素後有空白部分。在背景顏色：white或z-index的位置上是否有另一個'div'？ – 2012-03-07 12:36:20

嘿，你已經把我今天看到的這個問題本身，任何方式，我沒有得到問題，你可以請給屏幕截圖，你指出什麼是問題，這將是很大的幫助。等待 – w3uiguru 2012-03-07 12:36:57

@happy唱歌肯定，但在哪裏或如何添加屏幕到這個論壇？這裏通常的做法是什麼？謝謝 – 2012-03-07 12:39:13

刪除頁邊距，您將擺脫底部間距。但是，您需要將頁腳移動到身體部分，以便橫跨，而不僅僅是內部div。

來源

2012-03-07 12:35:00

我確實嘗試從底座div取出底部並刪除頂部的邊距。這解決了一個問題，但創建了另一個 - 我需要在頁腳和圖像庫 – 2012-03-07 12:57:08

試試下面的CSS - 編輯您的style.css線115

footer { 
    border-top: 2px solid gray; 
    width: 805px; 
}

刪除margin-top: 50px;

見下圖看到頁腳空白去除的變化。

enter image description here

更新：

試圖消除這其中也style.css的線路212

html {height:100% }

enter image description here

來源

2012-03-07 12:57:12 w3uiguru

之間50px的差距謝謝，但我應該如何實現頁腳和圖像庫之間的50px的差距？另外，要清楚的是，背景圖像應該處於最底部而沒有空間。 – 2012-03-07 12:59:07

是的，其實這是以前的CS，我添加了html {height：100％}，因爲儘管html文檔在筆記本電腦上看起來不錯，但它並沒有在大屏幕上顯示。即問題被顛倒過來，我可以爲小屏幕或大屏幕提供解決方案，但兩者都不適用！如果您通過使用瀏覽器縮放縮小來檢查解決方案，您會明白我的意思。感謝您的幫助到目前爲止，雖然我真的很感謝 – 2012-03-07 13:16:04

如果你不介意請在這個網站上看一下http://www.csszengarden.com/我認爲這個網站有你的解決方案，因爲你已經從背景正在給出不同分辨率的問題，根據我的說法，您必須使用兩個div，並將圖像放在該div上，並確定這兩個div的位置。 – w3uiguru 2012-03-07 13:28:34

float clear footer margin white gap issue

回答

相關問題