小编Kim*_*Kim的帖子

我正在使用JQuery Accordion.我在这里有这个页面:http://www.hauppauge.com/site/support/support_colossus.html#tabs-6

发生的事情是自动高度需要一些时间来加载,在加载之前,内容下面有很多空白区域.当它最终加载时,高度将扩展为更长,然后捕捉到内容的正确高度.有没有办法让它无缝衔接？我只想点击一个Accordion标签,让它平滑地扩展到内容的确切高度.

2014年8月8日更新:

使用heightStyle: "content",如果你正在使用1.9版及更高版本(塔伦的答案)

使用autoHeight: false了1.8和更低(iappwebdev的答案)

我有这个响应式汉堡导航，它目前正在向下推它下面的内容。有没有办法让它只悬停在内容上？我尝试了很多东西，我所做的一切都不起作用，但我不是专家。任何帮助深表感谢！谢谢！

jsfiddle在这里

<nav class="header">
      <input class="menu-btn" type="checkbox" id="menu-btn" />
      <label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
      <ul class="menu">
        <li><a href="#work">Our Work</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#careers">Careers</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>
    </nav>
<figure id="main-img"></figure>

figure#main-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    z-index: 10;
  height: 200px;
  background-color: red;
}
nav.header {
    background-color: silver;
  width: 100%;
  float: left;
  overflow: hidden;
}
.table {
    display: table;   
    margin: 0 auto;
}
.header ul {
    list-style: none; 
    position: relative; 
    float: left; 
    display: …

这是一种更有效的方式......出于某种原因,我觉得这是一种老式的做法.

我在这里 有这个页面(I'm re-creating a lynda.com webpage for a lesson),包装器实际上没有环绕该部分id="trailInfo".

为了做到这一点,我会添加br class="br_clear"/

有没有更正确的方法呢？如果我添加clear=both到该部分是不行的,我必须将其添加到br.谢谢!