Question

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

<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

干杯，莱昂纳多

父级Div不会扩展为子级Div

1 个答案: