两个div之外套个div后就可以随便改第一个div块的文字大小，去掉就不行，为什么？
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>div标签</title>
<style>
.hot {float:left;font-size:100px;}
.new {float:right;font-size:9px;}
</style>
</head>
<body>
<div class="hot">
<h2>热门课程排行榜</h2>
<ol>
<li>前端开发面试心法 </li>
<li>零基础学习html</li>
<li>javascript全攻略</li>
</ol>
</div>
<div class="new">
<h2>最新课程排行</h2>
<ol>
<li>版本管理工具介绍—Git篇 </li>
<li>Canvas绘图详解</li>
<li>QQ5.0侧滑菜单</li>
</ol>
</div>
</body>
</html>
