Html Can'；t使导航条在顶部填充上运行0px。_Html_Css_Navbar_Padding

Html Can'；t使导航条在顶部填充上运行0px。

html css

Html Can'；t使导航条在顶部填充上运行0px。,html,css,navbar,padding,Html,Css,Navbar,Padding,我不熟悉HTML和CSS，现在我的导航栏上的填充有问题，我不能让它“到达”顶部，导航栏和网站顶部之间有一个我无法摆脱的空间以下是我的HTML代码： <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Projekt 2</title> <link rel="stylesheet" type="text/css" href="p2.css"> &

我不熟悉HTML和CSS，现在我的导航栏上的填充有问题，我不能让它“到达”顶部，导航栏和网站顶部之间有一个我无法摆脱的空间

以下是我的HTML代码：

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Projekt 2</title>
<link rel="stylesheet" type="text/css" href="p2.css">
</head>  
<body>
<ul class="nav">
    <li><a href="#">Home</a></li>
    <li><a href="#">Contact</a></li>
    <li><a href="#">More</a></li>
</ul>
</body>
</html>

现在的问题是，我似乎无法摆脱导航栏上方的空白，尽管我已经将填充设置为0px。我试过改变周围的像素，我试过使用padding top属性，但似乎没有任何帮助，任何帮助都是感激的，谢谢

试试这个，添加边距顶部：0px到您的.nav

正文{
保证金：0；
填充：0；
填充顶部：0px；
字体系列：monospace；
}
.导航{
背景色：浅灰色；
颜色：白色；
列表样式：无；
文本对齐：居中；
填充：20px 0 20px 0；
边际上限：0px；
}

您的链接样式表中可能还有其他内容覆盖了您在文章中包含的CSS

尝试添加！很重要，看看这是否能解决问题。这样做本质上是告诉浏览器使用它高于任何其他

例如，填充顶部：0！重要的

您还可以为li或a元素设置填充或边距。也要检查这些内容。

UL标签默认有边距。您只需要删除它们

.nav {
  background-color: dimgrey;
  color: white;
  list-style: none;
  text-align: center;
  padding: 20px 0 20px 0;
  margin: 0px;
}

试试这个：

   .nav{ 
      padding-top:0px;
    }

   .nav{ 
      padding-top:0px;
    }