求助：如何用CSS将Logo图片精准对齐屏幕左上角（无间距）

浏览器会给html和body标签默认添加边距（比如Chrome默认给body加8px的margin），这是导致你看到顶部、左侧间距的最常见原因。按照下面的步骤修改就能解决：

1. 重置全局默认边距和内边距
   添加这段CSS代码，清除html、body以及导航相关容器的默认间距：

   html, body {
     margin: 0;
     padding: 0;
   }
   
   nav, .logo {
     margin: 0;
     padding: 0;
   }
   

2. 处理图片的默认样式
   图片默认是inline-block类型，可能会产生细微的额外空间，把它改成块级元素：

   .logo img {
     display: block;
     margin: 0;
     padding: 0;
   }
   

把这些CSS代码放到<head>标签里的<style>中，或者外部CSS文件里，你的HTML结构保持不变即可。这样Logo就能紧密贴合网页左上角，达到类似dropbox的对齐效果。

内容的提问来源于stack exchange，提问作者Jacob Kellum