ul li 影响身高答案

【问题标题】：ul li affecting heightul li 影响身高
【发布时间】：2015-10-14 06:00:29
【问题描述】：

所以我真的坚持了一整天，我一直在尝试使用任何会影响页脚高度的插件。

<!-- FAQ -->
            <section class="faq-container">
                <div class="faq-width">
                    <div class="faq-head">Часто задаваемые вопросы</div>
                    <ul class="faq-list">
                        <li>1.<a href"#" id="hide">В каких типах помещений можно устанавливать натяжной потолок?</a>
                            <li class="show">Устанавливать потолки можно в любых помещениях, они абсолютно безопасны. Запрещается установка в помещениях с повышенной температурой (парилки, горячие цеха и т.д.), а так же в неотапливаемых помещениях, где температура опускается ниже 0. </li>
                        </li>
                        <li>2.<span>На какой стадии ремонта лучше устанавливать натяжной потолок?</span></li>
                        <li>3.<span>На какую высоту опустятся потолки при установке?</span></li>
                        <li>4.<span>Как долго служат натяжные потолки?</span></li>
                        <li>5.<span>Очень ли заметен шов на пленке ПВХ?</span></li>
                        <li>6.<span>Какой уход необходим потолкам?</span></li>
                        <li>7.<span>Пахнут ли натяжные потолки?</span></li>
                        <li>8.<span>Вредят ли натяжному потолку протечки воды сверху?</span></li>
                        <li>9.<span>Каким способом потолочные люстры подвешивают к натяжному потолку?</span></li>
                        <li>10.<span>Нужно ли выносить всю мебель из комнаты при установке натяжного потолка?</span></li>
                    </ul>
                </div>
            </section>

            <!-- FOOTER -->
            <footer role="contentinfo">
                <div class="contact-container">
                    <div class="contact-head">
                        <span class="contact-us"> Свяжитесь с нами! </span>
                    </div>
                    <form action="#" method="POST" class="contact-middle">
                        <input type="text" name="fullname" class="name-email" placeholder="Имя" tabindex="1" id="name" />
                        <input type="email" name="email" class="name-email" id="email" placeholder="Email" tabindex="2" />
                        <textarea rows="10" cols="45" name="msg" placeholder="Сообщение должно быть больше 15 букв" class="name-email" id="message" tabindex="3"></textarea>
                        <button type="submit" id="btn-send" value="Отправить">Отправить</button>
                        <span class="required-note">Все поля обязательны</span>
                    </form>
                    <div class="contact-end">
                        <span class="copyright">&copy; IRPEX, 2008-2014<a href="mailto:griesti@irpex.lv"> griesti@irpex.lv </a></span>
                        <a href="http://jetcode.lv" class="jetcode-logo">jetcode.lv</a>
                    </div>
                </div>
            </footer>

所以基本上我想要实现的是，当您单击（常见问题列表）中的任何 li 问题时，它应该下拉答案并且还会影响整个页脚的高度，所以就像页脚是“自动滑动”取决于常见问题答案，我正在尝试编写 if 和 else 语句，但对我没有任何帮助。

http://jsfiddle.net/5CdKr/

【问题讨论】：

请同时提供您的 JS/CSS 和 jsBin 示例。
用小提琴会有很大帮助。不过，如果您在页脚 (css) 上保持固定高度，则在向其添加内容时大小不会改变是正常的。
好吧，等一下 :) jsfiddle.net/5CdKr

标签： javascript jquery height html-lists

【解决方案1】：

我希望我能正确理解您的问题。如果要让页脚与 li 元素一起滑动，则应将列表项的溢出从隐藏更改为自动。

.nav-list
{
  Overflow:auto;
}

【讨论】：