html - 父 Div 不随子 Div 展开

Question

我已经设置了一个 jsfiddle 来演示我的问题。请原谅所有的 css，因为这只是屏幕的一部分。淡紫色背景和底部紫色边框应该位于列表中最后一个条目的下方，但它没有正确展开。我尝试了各种位置:设置和清除设置，但无法扩展。非常感谢任何帮助。

这是样本 http://jsfiddle.net/qwSpx/

<div class='innerpagerhbox'>
<div id='innerpagelatesttab'></div>
<div id='innerpageblogtabmore'><a href='#' title='more>'><img src='../content_assets/header_Latest_more.png'/></a>

</div>
<div id='innerpagelatestholder'>
    <div class='innerpageblogentry'>
        <div class='innerpageblogentryright'><a href='#'>Phishing emails test employee</a>

        </div>
        <div class='innerpageblogentryleft'></div>
        <div class='clear'></div>
    </div>
    <img src='../content_assets/RHBox_latestnews_Divider.png' alt='' />
    <div class='innerpageblogentry'>
        <div class='innerpageblogentryright'><a href='#'>UK considers prison terms for DPA breaches</a>

        </div>
        <div class='innerpageblogentryleft'></div>
        <div class='clear'></div>
    </div>
    <img src='../content_assets/RHBox_latestnews_Divider.png' alt='' />
    <div class='innerpageblogentry'>
        <div class='innerpageblogentryright'><a href='#'>Foxtons customer information hacked</a>

        </div>
        <div class='innerpageblogentryleft'></div>
        <div class='clear'></div>
    </div>
    <img src='../content_assets/RHBox_latestnews_Divider.png' alt='' />
    <div class='innerpageblogentry'>
        <div class='innerpageblogentryright'><a href='#'>Cyber-attack on employer scores own goal</a>

        </div>
        <div class='innerpageblogentryleft'></div>
        <div class='clear'></div>
    </div>
</div>

Answer 1

在父元素中使用overflow属性:

CSS

div#innerpagelatestholder {
   /* The rest of your code */
   overflow: auto;
}

Fiddle .

干杯，莱昂纳多