摘要：
Html＜divclass＝“header1”＞＜divclass＞“header nei”＞＜div＞第一个＜/div＞＜div＞第二个＜/div＞＜div˃第三个＜/div-＞＜div＜第四个＜/div/＞＜div＞最后排名＜/div˃＜/div˃＜/div＜CSS。header1｛overflow：hidden；/*最外层设置为overflow hidden*/｝。header nei｛white-space:nowrap；/*第二层设置为非换行*/overflow y:auto；/*overflow框提供了滚动机制*/｝。标题neidiv｛background:#5C5C5C；30%；高度：50px；行高度：50px；文本对齐：居中；字体大小：14px；颜色：#FFFFFF；显示：内联块；/*最内部的div设置内联块*/｝
html
<div class="header1"> <div class="header-nei"> <div>第一场</div> <div>第二场</div> <div>第三场</div> <div>第四场</div> <div>最终排名</div> </div> </div>
CSS
.header1{
overflow: hidden; /*最外层设置 溢出隐藏 */
}
.header-nei{
white-space: nowrap; /*第二层设置 不换行 */
overflow-y: auto; /*溢出框 提供滚动机制*/
}
.header-nei div{
background: #5C5C5C;
30%;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 14px;
color: #FFFFFF;
display: inline-block; /*最内层div设置inline-block*/
}