Question

我正在尝试让我的网站的菜单栏与页面的顶部和侧面齐平。现在，顶部以及左侧和右侧都有一个微小的间隙。我无法弄清楚我的代码中的哪些内容不允许它变为同花。这是我在CSS中的内容。我的Unorder列表基本上是Nav栏，列表中的元素（ul li）是Home About Us Us等。

ul{
  padding:0;
  top:0;
  height:60px;
  margin:0 auto;
  padding:0;
  list-style:none;
}

ul li{
  float:left;
  width:335px;
  height:40px;
  background-color:black;
  opacity:.6;
  line-height:40px;
  text-align:center;
  font-size:30;
}

Answer 1

如果您还没有，请尝试添加：

body {
  margin: 0;
}

如果您在菜单栏内有标题（h1，h1等），请提供该标题：

h1 {
  margin: 0;
}

默认情况下，body元素和h1 - h6元素在大多数浏览器中都有边距。

Answer 2

尝试

 ul{
    padding:0;
    top:0;
    height:60px;
    margin:0 auto;
    padding:0;
    list-style:none;
    position:absolute;
    top:0;
    left:0;
} 

body{
    margin-top:60px;
 }

Answer 3

body在大多数浏览器中都有默认的保证金。要重置它，请使用此CSS：

html, body {
  margin: 0;
}

css菜单栏没有刷新

3 个答案: