-4

在我的网站上，我创建了一个侧边栏。但是，我希望边栏中的内容和边栏的边框之间有 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>

4

4 回答 4

2

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

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

于 2015-11-07T10:48:19.033 回答
0

删除你的`"...

试试#sidebar { padding: 40px 40px 40px 40px; }吧。

或者您可以#sidebar { padding: 40px; }根据需要使用所有边填充 40 像素...

于 2015-11-07T10:39:24.320 回答
0

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

#sidebar {
  padding: 40px;
}
于 2015-11-07T10:40:56.780 回答
0

您已将 .sidebar 放入您的 css 样式中，这是与类 (.) 关联的标签。

对于 id，例如侧边栏，始终使用井号 (#) 在 CSS 中标识它们。在这种情况下，您需要在代码中放置 #sidebar 而不是 .sidebar。

于 2015-11-07T10:41:59.210 回答