我的网站出现问题,我网站主体的所有页面上都有一个空白。这是我的 index.php 页面:
body {
vertical-align: middle;
margin: 0;
background: url(flame_bg.png) no-repeat left top;
}
#bg_container {
height: 500px;
overflow: hidden;
}
#bg {
width: 100%;
}
#content {
position: relative;
top: 0;
padding: 60px;
vertical-align: middle;
}
#content2 {
position: inherit;
top: 10px;
padding: 60px;
vertical-align: top;
}
<div id="content">
<p> </p>
<p> </p>
<p> </p>
<h1><span style="font-size:36px; color: #fd4000; font-family: 'Tahoma', Geneva, sans-serif;">Welcome, to Burning Chat</span></h1>
<p><span style="font-size:24px; color=#fd4000; font-family: 'Tahoma', Geneva, sans-serif;">Whether you're browsing for a friend, or wanting to improve your business' audience.</span>
</p>
<p><span style="font-size:24px; color=#fd4000; font-family: 'Tahoma', Geneva, sans-serif;">Burning Chat provides you with a sociable expierence to connect with your close ones wherever you are, and its free.</span>
</p>
</div>
<div id="pageMiddle"> </div>
<div id="pageBottom">©2015 Burning Flame</div>
您可以在此处查看问题:www.burningchat.tk
我还需要 <p> </p>
降低页面上的文本。
最佳答案
在检查 dom 后,您的#pageMiddle 的高度似乎为 1000 像素。
在您的样式表中提供:
#pageMiddle{
height:0;
}
这应该可以解决问题。
关于php - 我怎样才能摆脱我网站上的空白区域?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30466996/