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