如果要用div横排分栏的话应该怎么设置呢？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>div标签</title>
<style>
div{
border:2px solid red;
}
</style>
</head>
<body>
<div style="width:300px;height:500px; float:left">
<h2>热门课</h2>
<ol>
<li>前端开发 </li>
<li>零基础学习</li>
<li>javascript</li>
</ol>
</div>
<div style="width:300px;height:500px; float:left">
<h2>最新课程排行</h2>
<ol>
<li>版本管理工具介绍 </li>
<li>Canvas绘图详解</li>
<li>5.0侧滑菜单</li>
</ol>
</div>
</body>
</html>
//CSS float属性可以让内容浮动在指定位置。float：left让板块按左浮动排列。
//全屏可以看到代码效果。
使用CSS float属性可以进行设置。