2013-08-06 67 views
5

在Chrome和Safari,垂直滾動條會顯示HTML內容頁面下方,就像這樣:HTML/CSS:出現滾動條下方的HTML元素

scroll bar appears below header

我擺弄::-webkit-scrollbar,但最接近我可以得到更改滾動條寬度爲0px。該部分的div是:

.displayContent { min-width:620px; width:100%; height:auto; overflow:hidden; } 

這發生在Safari(但不是iOS上的移動Safari)和Chrome。 Firefox很好。我也嘗試過溢出,但無法得到我想要的結果。

對此提出建議?

+0

很奇怪。你能發佈一些HTML嗎? – isherwood

+0

目前有太多的代碼需要發佈,但是發生了很多溢出。對不起,如果這不是有幫助 –

+1

你有任何'變換'風格?我已經看到了一些例子,在某些瀏覽器中,轉換的東西被繪製在其他所有東西上,包括滾動條,甚至是iframe。 –

回答

2

試試這個 -

html, body { 
    height:100%; 
    width:100%; 
    overflow:auto; 
} 
3

有類似的問題。

的問題是在HTML {}

如果使用這樣的事情

html { 
    height: 100%; 
    width: 100%; 
    overflow: hidden; 
} 

不是在滾動條apears疊加效應。 刪除html樣式的溢出並將其放入正文樣式中,並且應該可以正常工作。