html - CSS - 填充不起作用

Question

我遇到了一个小问题，我的 padding 无法正常工作。

我尝试将它放在容器、父元素和其中的段落上，
但这些都不起作用。

这是我的代码:

    <div class="slide" id="slide_3" data-anchor="slide3">

    <div class="container">

        <h4>Lorem ipsum</h4>    

        <p>Lorem ipsum</p>


<p>
   Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>

<p>
   Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>

     ...

如果您想知道的话，我正在使用 fullpage.js 插件。

.container {
color: #C38FCC;
font-family: Nexa, Century Gothic;
font-weight: 300;
font-size: 0.75em;
padding: 25px;
}

#slide_3 {
padding: 25%;
}

p {
padding: 25%;
color: black;
}

这些都不起作用，甚至 p 元素 color 也不会改变。

Answer 1

您需要使用插件为其提供的选项。

paddingTop 和 paddingBottom 如您所见 in the documentation