为什么我的填充不起作用？ （HTML和CSS）

Question

在我的网站上，我创建了一个侧边栏。但是，我想在侧边栏中的内容和侧边栏的边框之间填充40px的填充。我试过这个，但由于某种原因，它没有用。发生了什么事？

我的代码：

＆＃13;

＆＃13;

.sidebar {
  padding: "40px 40px 40px 40px";
}

＆＃13;

<div id="sidebar">
    <form id="signUp" name="signUp">
        <p>
            <b>Hey!</b> Want to post comments and receive cool information about me? If You Do, Sign Up Now! :D<br>
            <br>
            Nickname: <input id="nickname" placeholder="Nickname" required="" type="text"><br>
            Email Address: <input id="email" maxlength="254" placeholder="Email Address" required="" type="text"><br>
            Password: <input id="password" placeholder="Password" required="" type="password"><br>
            <input onclick="confirmAccount" type="button" value="Submit">
        </p>
    </form>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

使用正确的选择器（#代替.）并删除引号，然后这应该有用。

#sidebar {
  padding: 40px 40px 40px 40px;
}

<div id="sidebar">
    <form id="signUp" name="signUp">
        <p>
            <b>Hey!</b> Want to post comments and receive cool information about me? If You Do, Sign Up Now! :D<br>
            <br>
            Nickname: <input id="nickname" placeholder="Nickname" required="" type="text"><br>
            Email Address: <input id="email" maxlength="254" placeholder="Email Address" required="" type="text"><br>
            Password: <input id="password" placeholder="Password" required="" type="password"><br>
            <input onclick="confirmAccount" type="button" value="Submit">
        </p>
    </form>
</div>

Answer 2

删除你的“...”

请尝试使用#sidebar { padding: 40px 40px 40px 40px; }。

或者你可以使用#sidebar { padding: 40px; }，因为你需要所有边填充40px ......

Answer 3

首先，您的div有id，因此请使用#代替.。其次从填充值中删除引号 - 因为它们都是相同的，您可以使用一个40px值。以下应该有效：

#sidebar {
  padding: 40px;
}

Answer 4

你已经将.sidebar放在你的css样式中，这是一个与类（。）相关联的标记。

对于id，例如侧边栏，总是使用哈希（＃）在CSS中识别它们。在这种情况下，您需要在代码中添加#sidebar而不是.sidebar。