我的网站有点问题。在我的网站页面上,有一个部分在页面刷新时无故改变位置。当我从菜单中单击 URL 或在浏览器的地址栏中再次键入它时,它不会移动。
我尝试在 html 和 body 标签上使用 overflow-y,但这对解决问题没有帮助。它通常是这样的:
下面是页面刷新后的样子:
如您所见,在页面刷新时,此部分变低并隐藏在页面内容后面。
这是本节的代码:
HTML/PHP
<div id="topBar">
<h4>Cegep Network : <?php echo $_SESSION['school']; ?></h4>
<a href="disconnect.php"><div id="topBarDisconnect"></div></a>
<div id="topBarUser">
<h5><?php echo $_SESSION['firstName'] . " " . $_SESSION['lastName']; ?></h5><br />
<p><?php echo "Le " . $day . " " . date('j') . " " . $month . date(' Y'); ?></p>
</div>
</div>
<div id="topBarSpace"></div>
CSS
#topBar
{
height: 43px;
padding-left: 13px;
width: 100%;
position: absolute;
left: 4px;
top: 0;
background-image: url("images/topBar.jpg");
color: white;
}
#topBar h4
{
display: inline-block;
margin-top: 13px;
}
#topBar h5
{
display: inline-block;
margin-top: 6px;
margin-bottom: 0px;
font-size: 11pt;
}
#topBar p
{
font-size: 8pt;
display: inline-block;
margin-top: -5px;
}
#topBarDisconnect
{
width: 80px;
height: 38px;
background-image: url("images/dcButton.png");
float: right;
margin-top: 2px;
margin-right: 44px;
margin-left: 9px;
}
#topBarDisconnect:hover
{
background-image: url("images/dcButtonHover.png");
}
#topBarUser
{
float: right;
text-align: right;
}
#topBarSpace
{
height: 43px;
width: 100%;
}
希望你们中的一位聪明人知道解决这个问题的方法!我环顾四周,却发现了悬而未决的问题! 提前致谢!
最佳答案
在我看来它可能与 $_SESSION 变量有关。这是我认为刷新不同于通过 URL 加载页面的唯一原因。 您正在将“h5”设置为内联 block ,所以在“h5”之后肯定不需要“br”吗?在两个页面上使用“查看源代码”时,您是否看不出代码有什么不同,因为这可以很好地指示代码中到底哪里出错了?
关于php - Div 在刷新时更改位置,但在键入 URL 时不更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19969433/