[分享]css做页面最上方不留空白

CSS做页面最上方不留空白的方法非常简单。

第一步是在CSS文件中将body元素的margin和padding值设为0：

body {
    margin: 0;
    padding: 0;
} 

这样可以保证整个页面的顶部没有任何空白。

第二步是将页面的第一个元素（通常是header或nav）的margin值设为0：

header {
    margin: 0;
} 

这样可以确保第一个元素顶部紧贴浏览器窗口，并且不会产生任何额外的空白。

另外，需要注意的是，有时候页面会出现横向滚动条（即使内容没有超出浏览器窗口），这是因为浏览器默认有一个body元素的最小宽度限制（通常是***px），我们可以通过以下代码来去除这个限制：

body {
    min-width: 0;
} 

这样可以确保页面在任何分辨率下都不会出现横向滚动条。