0

我已经设置了一个 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>

4

1 回答 1

0

overflow父元素中使用属性:

CSS

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

小提琴

干杯,莱昂纳多

于 2013-09-06T22:12:17.063 回答