Question

我现在正在制作一个HTML网站的索引页面，我不知道为什么这个CSS不起作用。我的CSS代码如下，之后我的HTML代码：

body {
    background-image:url("background.png");
    font-family:sans-serif;
}

#content {
    margin:0 auto;
    overflow:auto;
    background-color:white;
    border-radius:10px;
    width:60%;
}

.header {
    margin:10px;
}

.body {
    margin:10px;
}

.footer {
    margin:10px;
}

HTML code：

<!DOCTYPE html>
<html>
<head>
    <title>Welcome!</title>
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
    <div id="content">
        <div id="header">
            <p>This is the header!</p>
        </div>
        <div id="body">
            <p>This is the body!</p>
        </div>
        <div id="footer">
            <p>This is the footer!</p>
        </div>
    </div>
</body>
</html>

所以，最终发生的事情是overflow: auto没有设置边距，但它成功设置了上边距和下边距。提前谢谢。

顺便说一句，所有图片都在目录中，它们工作正常。

Answer 1

您在CSS中使用class选择器，并在HTML中使用id属性。

将您的CSS更改为#header，#body和#footer。

或者，将您的HTML更改为class="header"，class="body"和class="footer"。

溢出：自动不移动边距

1 个答案: