jquery - 左右填充不起作用

Question

我已经找了两个小时的答案。

 .liteAccordion .slide > div {height: 100%; position: absolute; top: 0;
 z-index: 10; overflow: hidden; background:
 white;color:black;padding:25px;}

只有顶部和底部填充有效。问题的原因可能是什么？

我正在使用来自 http://nicolahibbert.com/demo/liteAccordion/ 的 js 水平 Accordion 菜单插件

HTML代码

<div id="site-accordion">
            <ol>
                <li>
                    <h2><span>գլխավոր</span></h2>
                    <div class="ins">
                        <h3>This is Slide One.</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
                            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                            consequat. <a href="#">Link somewhere</a>
                        </p>
                    </div>
                </li>
                <li>
                    <h2><span>նսորություններ</span></h2>
                    <div>
                        <h3>This is Slide Two.</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
                            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi. <br /><a href="#">Link somewhere</a>
                        </p>
                    </div>
                </li>
                <li>
                    <h2><span>ծառայություններ</span></h2>
                    <div>
                        <h3>This is Slide Three.</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
                            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                            consequat. <a href="#">Link somewhere</a>
                        </p>
                    </div>
                </li>
                <li>
                    <h2><span>կապ</span></h2>
                    <div>
                        <h3>This is Slide Four.</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
                            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi. <br /><a href="#">Link somewhere</a>
                        </p>
                    </div>
                </li>
                <li>
                    <h2><span>խորհրդակցություն</span></h2>
                    <div>
                        <h3>This is Slide Five.</h3>
                        <p><Div class="cont">
                  <form id="site-contact-form" method="post" action="/index.php">
                    <div>
                      <div class="wrapper"><span>Ваше имя:</span>
                        <div class="bg">
                          <div>
                            <input type="text" class="input" name="contactname" id="contactname" value="" class="required"/s>
                          </div>
                        </div>
                      </div>
                      <div class="wrapper"><span>Ваш E-mail:</span>
                        <div class="bg">
                          <div>
                            <input type="text" class="input" name="email" id="email" value="" class="required"/>
                          </div>
                        </div>
                      </div>
                      <div class="textarea_box"><span>Ваш вопрос:</span>
                        <div class="bg">
                          <div>
                            <textarea  cols="1" rows="1" name="message" id="message"></textarea>
                          </div>
                        </div>
                      </div>
                        <div style="clear:both;"></div>
                       <input type="submit" value="Отправить вопрос" name="submit" /> </div>
                  </form>

                        </p>
                    </div>
                </li>
            </ol>
        </div>

</div>

这里一切正常。但我正在尝试添加一些填充，但它不起作用。

Answer 1

插件覆盖 $('.slide') 中 $('div') 的 padding-left

尝试在 .liteAccordion .slide > div 中添加一个子 div 并设置子 div 的填充。