2011-04-13 89 views
4

我有一個網頁,不需要滾動條,但我仍然得到一個滾動條。 ,我得到了一個在html標籤之外的部分。 有身體中出現的HTML 我使用螢火蟲之外,當我把我的鼠標在html標記它突出顯示整個網頁,除了 底部html標籤之外的內容

頁網址的褐棕色部分的顏色是link

這裏是一張圖片頁面底部應該是黑色部分。這裏

enter image description here

+1

@VoteyDisciple @dnewcome +1查找錯誤,並提供對這一問題的各種解決方案。 – Khez 2011-04-13 21:18:47

回答

5

麻煩的是你的<div id="filter_list" class="dd_list">。雖然你已經設置了overflow: hidden;,但你還沒有給出該框的高度,所以它高興地向下滾動頁面,包括超過常規內容的底部。

設置height: 100px;(或無論你需要的大),其餘的頁面佈局將恢復正常。

調試的說明:因爲有 顯然在 底部的頁面沒有違法內容,我通過 人試圖從一個頁面只是 刪除元素,直到滾動條消失。 一旦我找到違規父母 元素,我刷新了頁面,並且 開始刪除該元素的 子元素。我重複說,直到我 得到#filter_list元素, 哪些最終提供了有形的行爲解釋 。

+0

+1,16秒更快:) – Damb 2011-04-13 21:16:15

+1

做了完全相同的事情。 – Khez 2011-04-13 21:21:15

+0

謝謝!!也用於解釋如何發現問題 – yossi 2011-04-13 21:27:10

2

如果您想將黑色條固定在底部,您可以將其位置設置爲固定。

身體背景顏色將擴展到瀏覽器的整個客戶區域,無論身體實際有多大。

我改變你的CSS把黑條在頁面的底部:

#footer { 
    height: 75px; 
    background: url(images/bottom_menu_bg02.jpg); 
    position: fixed; 
    bottom: 0px; 
} 

您可以使用溢出:隱藏隱藏滾動條,但我不知道這是你真正想要什麼在這種情況下做。

1

發現「bug」。這是#filter_list。它有一堆divs,我認爲這個過濾器列表。

一個簡單的修正將是

#filter_list{ 
    height:400px; 
    overflow-y:scroll; 
}