1

我刚开始建立这个网站时遇到了这个奇怪的问题。我想让页眉与页面顶部完全对齐。但由于某种原因，有一个小空间，大约 20px 高，无论我怎么尝试都不会消失。我假设我没有得到关于 CSS 和 html 的一些东西，所以你们能帮帮我吗？

CSS：

#header {
    background-color:#3429C9;
    /*-webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;*/
    display:block;
    position:relative;
    z-index:2;
    margin-top:-20px;
    border-bottom:2px solid white;
    margin-bottom:20px;
    height:60px;
}

body {
    text-align:center;
    font-family: Georgia, Serif;
    background: #000000;
    margin:0;
    height:100px;
    display:block;
    border:2px solid red;
}
4

1 回答 1

1

每个浏览器（firefox、chrome、IE）都有一个默认的 CSS，它为元素提供默认样式。它还提供了一些默认边距/填充，因此通常在开始网站设计时，您应该使用css 重置文件来重置所有默认样式。

这样，您就可以为所有浏览器获得相同的基本行为。

要快速解决您的问题，只需将标题填充/边距设置为 0。

于 2012-07-22T09:53:53.137 回答