为什么不是我的填充工作？ （HTML＆CSS）

Question

在我的网站上，我创建了一个侧栏。但是，我想要在边栏内容和边栏边框之间填充40px。我试过这个，但由于某种原因，它不起作用。这是怎么回事？

我的代码：

.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 1

删除你的`“的...

尝试#sidebar { padding: 40px 40px 40px 40px; }代替

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

Answer 2

首先你的div有一个id，所以用#而不是.。其次，从填充值中删除引号 - 因为它们都是相同的，所以可以只使用一个值40px。下面应该工作：

#sidebar { 
    padding: 40px; 
} 

Answer 3

你已经把.sidebar放入你的css风格，这是一个与类（。）关联的标签。

对于ID，如侧边栏，始终使用散列（＃）在CSS中标识它们。在这种情况下，您需要在代码中放置#sidebar而不是.sidebar。

Answer 4

使用正确的选择器（#而不是.）并删除引号，然后这应该工作。

#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>