html - 顶部栏不在顶部
问题描述
我有一个顶部栏,它有一个下拉菜单和 3 个链接。如果我尝试在本地执行它,它可以正常工作,如我所愿,顶部栏在顶部没有空格(顶部、底部、左侧和右侧)。在我添加 PHP 代码并使用服务器运行它的那一刻,该栏将在所有侧面留下空间。这是一个正常的问题吗?我该如何解决?
.navbar {
overflow: hidden;
background-color: #333;
font-family: Arial, Helvetica, sans-serif;
}
.navbar a {
float: left;
font-size: 16px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.dropdown {
float: right;
overflow: hidden;
}
.dropdown .dropbtn {
font-size: 16px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: inherit;
margin: 0;
}
.navbar a:hover, .dropdown:hover .dropbtn {
background-color: red;
}
.dropdown-content {
display: none;
position: absolute;
right:0;
left:auto;
background-color: #f9f9f9;
min-width: 200px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {
background-color: #ddd;
}
.dropdown:hover .dropdown-content {
display: block;
}
<div class="navbar">
<a href="#home">Home</a>
<a href="#news">News</a>
<div class="dropdown">
<?php
session_start();
$connessione=mysql_connect("localhost","root","") or die("connessione fallita");
$selezione_db=mysql_select_db("my_stockmarketsimulator",$connessione) or die ("Non trovo il db");
$sql="select CodiceUtente,Username FROM `Utenti` where CodiceUtente=".$_SESSION['user'];
$ris=mysql_query($sql) or die ("Errore nella ricezione dei dati".$_session['user']."cavallo");
if ($ris && mysql_num_rows($ris) > 0){
while ($row=mysql_fetch_assoc($ris)){
$Utente=$row['Username'];}
}
echo"<button class='dropbtn'>".$Utente."</button>
<div class='dropdown-content'>
<a href='#'><i class='fas fa-cog'></i> Modifica impostazioni</a>
<a href='#'><i class='fas fa-people-carry'></i> Lista Transizioni</a>
<a href='PHP/Utente/Logout.php'><i class='fas fa-sign-out-alt'></i> Logout</a>
</div>";
?>
</div>
</div>
解决方案
推荐阅读
- linux - 在使用 @io_bazel_rules_docker 时运行 'git fetch origin refs/heads/*:refs/remotes/origin/* refs/tags/*:refs/tags/*' 时出错
- angular - 我在 jasmin 中编写我的第一个测试用例我在运行 ng test 时遇到以下错误
- php - 未找到 InvalidArgumentException 视图 [layouts.app]。Larave-8 LliveWire-2
- android - 类型不匹配:推断类型是 () -> Unit but Runnable!预计
- reactjs - Typescript 和 Context API,错误:渲染的钩子比上一次渲染时更多
- uipath - 通过 Orchestrator API 删除库
- android - Rad Studio 10.2.3 安装 apk 时出错:INSTALL_PARSE_FAILED_NO_CERTIFICATES
- django - 在 Vagrant 中无法访问本地主机返回站点
- numpy - 2个numpy数组之间的元素欧几里得距离
- python - 如何使用 Boto3 库在 AWS Glue 中创建工作流?