个人中心
gpt4 book ai didi

Html - Logo 和导航栏之间的空间

转载 作者：太空宇宙 更新时间：2023-11-04 10:10:39 26 4
gpt4 key购买 nike

我似乎无法弄清楚为什么会这样:

image

我找不到错误，我尝试了很多解决方案，但都没有解决问题。请帮忙

body {
  margin: 0;
  padding: 0;
}
.logo {
  margin: 0;
  padding: 0;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000;
}
li {
  float: left;
}
li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a:hover {
  background-color: #111;
}
.active {
  background-color: #222;
}
<a href="index.html" class="logo">
  <img src="img/logo.png" width=400em height=150em></img>
</a>
<div>
  <ul>
    <li><a class="active" href="index.html">Home</a></li>
    <li><a href="about.html">About</a></li>
  </ul>
</div>

最佳答案

在图像上添加了 display: block; ...

body {
  margin: 0;
  padding: 0;
}
.logo {
  margin: 0;
  padding: 0;
}
.logo img {
  display: block;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000;
}
li {
  float: left;
}
li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a:hover {
  background-color: #111;
}
.active {
  background-color: #222;
}
<!DOCTYPE HTML>
<html>

<head>
  <title></title>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="css.css" />
  <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic' rel='stylesheet' type='text/css'>
</head>

<body>
  <a href="index.html" class="logo">
    <img src="img/logo.png" width="400em" height="150em">
  </a>
  <div>
    <ul>
      <li><a class="active" href="index.html">Home</a>
      </li>
      <li><a href="about.html">About</a>
      </li>
    </ul>
  </div>
</body>

</html>

关于Html - Logo 和导航栏之间的空间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37645950/

26 4 0
文章推荐： r - 在 Linux 上安装 R 包的最佳方法是什么？
文章推荐： java - 自动执行 jprofiler 分析并保存快照
文章推荐： python - Tkinter OptionMenu 参数
文章推荐： java - ftps 服务器错误 GnuTLS 错误 -89 : Public key signature verification has failed