2013-04-13 88 views
3

My website沒有內容上下滾動條是可見的,可以滾動。滾動條,但沒有內容

不幸的是,我不知道會導致什麼,我假設它與這個CSS代碼有關,但我真的不知道。

html, body 
{ 
    height:100%; 
} 
.centre 
{ 
    position:absolute; 
    left:50%; 
    top:50%; 
} 
#wrapper { 
    height:100%; 
    position:relative; 
    left:0px; 
    top:0px; 
    min-height:600px; 
    min-width:600px; 
} 

網站上的所有內容均基於中心類。並且圍繞所有內容<div id="wrapper"></div>

我知道我沒有很好的幫助,但是從我的理解來看,如果可視區域之外有內容而且沒有內容,則應該只有滾動條。

+0

重置您的默認值,它解決了'* {保證金:0;填充:0;}' –

+2

+1至少爲您的問題上令人難以置信的有趣的討論。 –

+0

同意Linus。 :D真棒有時簡單的問題會產生如此多的反抗。 – pzin

回答

3

要麼刪除height: 100%<html/><body/>#wrapper或添加

html, body { margin: 0; } 
2

嘗試加入這個CSS的樣式表:

body {margin:0;} 
1

只需設置body利潤率爲零:

body { 
    margin: 0; 
} 

通常,瀏覽器爲主體設置默認值。

0

只需在您的CSS頂部上重置即可。換句話說,這應該是第一行:

所有你需要重置document(browser default styles)default styles。要做到這一點的
* { margin: 0; padding: 0; outline: 0; } 
0

首先,將下面的代碼添加到css文件的頂部。

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
} 
/* HTML5 display-role reset for older browsers */ 
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { 
    display: block; 
} 
body { 
    line-height: 1; 
} 
ol, ul { 
    list-style: none; 
} 
blockquote, q { 
    quotes: none; 
} 
blockquote:before, blockquote:after, 
q:before, q:after { 
    content: ''; 
    content: none; 
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
} 

信用LINK