为什么我总是得到与我所遵循的教程不同的结果?

Why do I keep getting a different result then the tutorial I am following?

提问人:chaoticconditions 提问时间:11/14/2023 更新时间:11/14/2023 访问量:27

问:

我无法获得填充来注册 .我 https://www.youtube.com/watch?v=0YFrGy_mzjY 正在学习本教程,但我一直遇到他似乎没有面临的问题。

下面是html代码:

`<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Personal Portfolio Website - The Other Side</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div id="header">
        <div id="container">
            <nav>
                <img src="images/logo.jpg" class="logo">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Testimonies</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </nav>
        </div>
    </div>
</body>
</html>`

下面是 style.css 代码:

*{margin: 0;
padding: 0;
font-family: 'Poppins', sans-serif;
box-sizing: border-box;}

body {background:   #010203;
    color: #fff;}

#header {width: 100%;
    height: 100vh;
    background-image: url(images/faces\(black\).jpg);
    background-size: 55% 900px;
    background-position: 600px 20px;
    background-repeat: no-repeat;
    }
img { width: 250px;
    height: 250px;
     }

.container {padding: 10px 10%;}`

我本来以为徽标和主页、关于等页面都更靠右。我试着做 20 个 20% 而不是 10%,但没有任何改变。我希望也许我只是忘记关闭标签或其他东西,但事实似乎并非如此。任何帮助都是值得赞赏的。

CSS 容器 填充

评论

1赞 Nikita Chayka 11/14/2023
你的 “container” 元素有 id,而不是 class,所以 css 选择器应该是 ,而不是#container.container
0赞 chaoticconditions 11/14/2023
这就是解决方案。谢谢尼基塔!不知道为什么他没有遇到同样的问题。

答: 暂无答案