在CSS中格式化topnav

时间:2017-08-05 01:04:41

标签: html css menu position

有人可以帮我弄清楚如何将我的菜单栏(w / id =“topnav”)放在我的HTML页面顶部?我尝试了一堆背景大小的东西,但似乎没有任何效果。我希望它能够被修复并在滚动时水平填充页面。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Game Finished</title>
</head>
<body>
<?php
$points = $_POST['points'];
$assists= $_POST['assists'];
$rebounds = $_POST["rebounds"];
?>
</p>
</body>

2 个答案:

答案 0 :(得分:0)

您是否尝试将宽度设置为100%?

编辑:

#topnav{
font-family: Courier;
text-align: center;
padding: 15px;
position: fixed;
left: 50%;
transform: translateX(-50%);
background: black;
/*background-size: 100% auto !important;*/
width: 100%;
top: 0;
}

这应该有效

答案 1 :(得分:0)

您需要使用margin-left而不是left

#topnav { 保证金左:-50%;   变换:平移X(-50%); }