CSS div无法填充顶部和左侧

Question

我试图通过将标题内容放在具有固定位置的div中来制作固定标题。 以下是div的CSS代码：

#page_header {
    background-color: white;
    height: auto;
    width: 100%;
    position: fixed;
    overflow: auto;
}

这是我的div的效果（左上角的屏幕截图）：

您可以清楚地看到div（白色部分）和页面之间有一个空格，而右侧不是这种情况，我该如何摆脱这个空格？

谢谢。

Answer 1

您需要确保您的边距和填充为零：

margin: 0;
padding: 0;

此外，如果您确实希望将事物固定在适当的位置，则最好将其锁定在此处。

position: fixed;
top: 0;
left:0;

Answer 2

您需要将实际页面设置为margin：0并将padding：0设置为实际的html，而不仅仅是正文。

在CSS样式表中使用它。

*, html {
margin:0;
padding:0;  
}

会将整个页面设置为0，这样就可以重新创建一个全新的，没有边距或填充的页面。