Question

大约9年后，我又回到了网络编程。这么多变了！

我在我的网站上取得了一些进展，但有一点真的让我感到烦恼。我按照屏幕顶部的静态标题教程。 http://www.cssreset.com/creating-fixed-headers-with-css/

很简单，但是我穿过屏幕的线（通过在标题类中设置底部边框）并不是一直向左。看起来它有几个像素。相比之下，右侧似乎没问题。

非常直接，轻松

.header {
    width: 100%;
    position: fixed;
    top: 0px;
    height: 30px;
    background: #FFFFFF;
    border-bottom: 1px solid #C0C0C0;
    margin: 0 auto;
    vertical-align: middle;
    z-index: 1000;
}

您可以在此处查看该页面： http://onfilm.us/image_index.html

Answer 1

在您的onfilm.css文件中，在您的正文标记中添加margin: 0;

body {
    padding: 0;
    margin: 0;
    text-align: center;
}

应该解决你的问题！一个好的做法是使用reset.css文件，如下所述：http://www.cssreset.com/what-is-a-css-reset/

Answer 2

将body页边距设为零。默认情况下，浏览器的值为非零值，以及导致它的原因。

body {
  margin: 0;
}

您可能希望使用reset.css将边距和填充等清零，以便避免这些问题。这是一个链接到其中一组的网站：http://www.cssreset.com/

Answer 3

标头是否包含在另一个html元素中？也许你的标题的父级不是100％并且它有一个左边距，所以当你给标题一个100％的宽度时，它需要它的父级的宽度。

CSS对象不占宽度的100％

3 个答案: