Div填充但不在HTML5标签中显示

Question

我在html5选项卡中有一个div，它显示了RSS源的结果，该源自jQuery填充。运行jQuery并填充div但由于某种原因，height属性始终设置为0，这使得它在选项卡中看不见。如果我将div放在标签之外，它可以正常工作。这是代码：

<script type="text/javascript">
$(document).ready(function () {
$('#rssFeed').rssfeed('http://news.google.com/news?hl=en&gl=us&q=alabama+football&um=1&ie=UTF-8&output=rss',{}, function(e) {
  $(e).find('div.rssBody').vTicker({ showItems: 4});
});    
});
</script>

HTML：

<div class="tabpage" id="tabpage_10">  
    <div id="rssFeed"></div>
</div>

以下是实际页面的链接： http://www.inceptionsolutions.com/spread-option/division1-aa/sec/alabama-crimson-tide.html

感谢任何帮助。谢谢！

Answer 1

您的“rssBody”类的高度为零。

Answer 2

无论出于何种原因，高度都被设置为0。它在HTML5选项卡之外工作，我检查了HTML5选项卡css并没有在那里设置，因此不确定它的设置位置。我将此添加到RSS feed css中以修复它：

.rssBody {
overflow: hidden;
position: relative;
height: 748px;
}

.rssBody li.rssRow{
margin:0px;
padding:0px;
height:187px;
}