-1

我找了两个小时的答案。

 .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 水平手风琴菜单插件

代码

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

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

4

1 回答 1

4

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

在此处输入图像描述

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

于 2013-05-16T03:17:21.790 回答