css 菜单栏不刷新

标签 css menu

<分区>

我正在尝试使我网站的菜单栏与页面的顶部和侧面齐平。现在顶部以及左侧和右侧都有轻微的间隙。我无法弄清楚我的代码中有什么不允许它变得齐平。这是我的 CSS 中的内容。我的未排序列表基本上是导航栏,列表中的元素 (ul li) 是部分,即主页关于我们等。

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;
}

最佳答案

如果您还没有,请尝试添加:

body {
  margin: 0;
}

如果菜单栏内有标题(h1h1 等),则给该标题:

h1 {
  margin: 0;
}

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

关于css 菜单栏不刷新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49258775/

上一篇:html - 在所有浏览器中放大或缩小时的网站布局 “breaks apart”

下一篇:css - 输入组插件在 mozilla 浏览器上没有很好地对齐

相关文章:

javascript - 如何在每次点击时更改 datetimepicker 的 z-index?

html - 在第一行显示两个元素,在下一行显示第三个元素

jquery - 寻找一个不错的 jquery 拖放树插件实现

android - 如何获取 Android 中菜单项的 Android ID?

jquery - 无法使用带 Bootstrap 的同位素

css - 推特 Bootstrap : Carousel: Vertically Center Image in Definded height Viewport

jquery - 如何使用 jQuery 在 mouseout 上关闭列表菜单

html - 如何在所有设备上使导航栏 100%

javascript - 单击关闭菜单

jQuery 点击菜单