手風琴菜單達到過去的家長分區的高度

Question

我不完全知道如何說出這句話，所以我會盡我所能。這裏是一個網頁，我正在爲我公司的的jsfiddle：

http://jsfiddle.net/hzkem4zx/

#divMain{ 
    width: 100%; 
    height: auto; 
} 
#divFAQ{ 
    width: 1000px; 
    background-color: #ffffff; 
    min-height: 500px; 
} 
#divTopics{ 
    position: relative; 
    top: 50px; 
    left: 50px; 
    width: 500px; 
} 
#ulTopics{ 
    list-style-type: none; 
    padding: 0px; 
    margin: 0px; 
    width: 500px; 
} 
#ulTopics > li{ 
    width: 100%; 
    background-image: URL("http://i.imgur.com/FVKGcnj.png"); 
    line-height: 54px; 
    min-height: 54px; 
    text-align: center; 
    background-repeat: repeat-x; 
    margin-bottom: -1px; 
} 
#ulTopics input[type=checkbox]{ 
    display: none; 
} 
#ulTopics li .FAQList{ 
    max-height: 0px; 
    overflow: hidden; 
    transition: all .4s ease-in-out; 
} 
#ulTopics li input:checked ~ .FAQList{ 
    max-height: 500px; 
} 

它包含使用複選框手風琴菜單。唯一的問題是在擴展整個菜單之後，父div的高度達到只適應設置高度的最後一個元素的頂部。因此，如果最後一個具有高度的元素是下拉列表，則容器div會達到頂部，但不會延伸到達底部。

我想要做的是得到任何解決方案，這將使容器股利到達底部。

Answer 1

的間距由您#divTopics

#divTopics{ 
    position: relative; 
    top: 50px; //pushes 50px down 
    left: 50px; 
    width: 500px; 
} 

變化的 '頂' 造成的 '的margin-top'，你應該沒問題。