4

我的网站没有向上或向下的内容，但滚动条可见并允许您滚动。

不幸的是，我不知道是什么原因导致我假设它与这段 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>围绕所有内容。

我知道我不是很有帮助，但据我了解，如果在可视区域之外有内容并且没有内容，则应该只有滚动条。

4

5 回答 5

3

要么删除height: 100%from <html/>，<body/>要么#wrapper添加

html, body { margin: 0; }
于 2013-04-13T21:30:43.647 回答
2

尝试将此 CSS 添加到您的样式表中：

body {margin:0;}
于 2013-04-13T21:31:15.363 回答
1

只需将body边距设置为零：

body {
  margin: 0;
}

通常浏览器会为 body 设置一个默认值。

于 2013-04-13T21:31:33.740 回答
0

只需在您的 CSS上进行重置即可。换句话说，这应该是第一行：

* { margin: 0; padding: 0; outline: 0; }
于 2013-04-13T21:51:07.573 回答
0

首先，您必须重置default styles.Todocument(browser default styles)为此，请将以下代码添加到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;
}

信用链接

于 2016-08-11T07:49:01.067 回答