Question

我的网站www.clinkstr.tk有正文/中间部分。它不会一直延伸。出于某种原因，每台显示器都有所不同。你能帮我修改我的代码来修复和优化它吗？我想让它看起来像Facebook或Twitter的注册/主页。

CSS代码：

body { margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif;}
#pageTop {
background-color:rgba(40,138,255,0.8);
color: #ffffff;
height: 50px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
display: block;
border-bottom:rgba(0,100,255,0.8);
margin: 0px 0px 0px 0px;
}
#pageTop > #pageTopWrap {
width: 1200px;
max-width: 100%;
margin: 0px auto;
height: 50px;
overflow:hidden;
position:relative;
}
#pageTop > #pageTopWrap > #pageTopLogo > a {
background:url(../images/logo.png);
float: left;
height: 40px;
width: 40px;
margin-top: 5px;
}
#pageTop > #pageTopWrap > #pageTopRest {
float: left;
height: 50px;
width: 230px;
}
#pageTop > #pageTopWrap > #pageTopRest > #home > a {
display: block;
float: left;
color: #FFFFFF;
text-decoration: none;
margin: 0px 9px;
margin-top: 4px;
padding-top: 12px;
padding-right: 9px;
padding-left: 9px;
padding-bottom: 12px;
}
#pageTop > #pageTopWrap > #pageTopRest > #home > a:hover {
color:#FFBB4B;
background:url(../images/roundedrectangle60x42.png) no-repeat;
}
#pageMiddle{
margin: 0px auto;
background-color:#F0F0F0;
margin: 0px auto;
text-align: center;
}
#pageMiddle > #loginsignup{
height:640px;
width:860px;
margin: auto auto;
}
#pageMiddle > #loginsignup > #greetings{
float: left;
width: 350px;
height: 610px;
background:url(../images/greetingbackground.png) no-repeat;
}
#pageMiddle > #loginsignup > #signinbox{
float:right;
margin: 0px auto;
height: 110px;
width: 500px;
background:url(../images/signinbox.png) no-repeat;
}
#pageMiddle > #loginsignup > #signupbox{
margin: 0px auto;
float:right;
height: 500px;
width: 500px;
background:url(../images/signupbox.png) no-repeat;
}
#pageBottom{
display: block;
padding: 24px;
font-size: 12px;
color: #000000;
text-align: center;
margin: 0px auto;

}

Answer 1

你的HTML很乱。在任何情况下，问题是您在定义<ins>的{{1}}代码中都有一堆内联样式，这会将内容压缩。

Answer 2

问题在于页面顶部显示的广告空间会将内容向下推，这使得它看起来不会一直向上延伸＆＃34;因为广告空间是空白的。它在不同浏览器或者＃34;监视器＆＃34;之间出现不同的原因。是因为AdBlock完全删除了框架。如果我的记忆正确地使用.tk域名强制使用这些广告，那么您可能需要切换到常规域，以便在没有AdBlock的浏览器的页面顶部删除此空间。

网站机构不会一直延伸

2 个答案: