Question

我正在建立一个网站以进行一些工作，我已经成功地为标题和所有内容制作了背景。但问题是，我想将它加入我的网页顶部，但它拒绝这样做。我该如何预防呢？ （与答案在代码中添加!Important的位置不重复）

这是我的代码：

HTML：

 <!DOCTYPE html>
 <html class="html">
 <head>
 <link rel="stylesheet" type="text/css" href="css/index.css">
 <title>LMUN - Home</title>
 <div class="header"></div>
 </head>
 </html>

CSS：

 .html
{
    background-color: #FFFFFF;
}

.header
{
    background-color: #70A5DA;
    height: 4.5%;
    width: 90%;
    box-sizing: content-box;
    position:absolute;
    margin-left:5%;
    margin-right:5%;
    margin-top:0 !important;
    padding:0 !important;

}

注意：我希望保持绝对位置，因为它允许我设置百分比值的所有内容，这对我来说非常重要。

Answer 1

试试这个

HTML

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/index.css">
<title>LMUN - Home</title>
</head>

<body>
<div class="header"></div>
</body>
</html>

CSS

body {
    margin:0;
}

.html
{
    background-color: #FFFFFF;
}

.header
{
    background-color: #70A5DA;
    height: 4.5%;
    width: 90%;
    box-sizing: content-box;
    position:absolute;
    margin-left:5%;
    margin-right:5%;
    margin-top:0 !important;
    padding:0 !important;

}

Answer 2

是的，你需要设置body的余量，你也可以为html添加相同的0.然后它会减少不必要的空格。比如说。

html{margin:0;}
body{margin:0}

如何删除顶部不必要的保证金？

2 个答案: