html - 如何在 HTML 的左上角放置无边框的徽标？

Question

我正在尝试制作一个左上角带有徽标的网站。我的问题是，当我尝试添加徽标并将其移动到左上角时，我有一个无法删除的边距。我尝试了以下方法：

在 HTML 文件中：

<div class="row">
    <img src="pic/logo.png" alt="logo" class="logo" />
</div>

在 CSS 中：

.logo {
  position: fixed;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
}

不过还是有一定的余地。

标签： htmlcss

Answer 1

这可能是由于浏览器的默认样式。您可以在 css 中重置它，例如：

* {
    padding: 0;
    margin: 0;
}

margin但是，您必须手动定义padding所有需要它的元素。