为什么我的相关课程设置不了跟课程推荐一样对齐，还有红线为什么没有像提目一样连接着页头和页脚
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{margin:0;
padding:0;
}
.big{width:1000px;
height:auto;
}
.head{width:100%;
height:80px;
background:#000;
color:#f7f7f7;
font-size:40px;
}
.head .soom{font-size:16px;
float:right;
line-height:80px;
}
.footer{width:100%;
height:80px;
background:#000;
text-align:center;
color:#f7f7f7;
font-size:16px;
line-height:80px;
}
.body{
width:100%;
height:700px;
background:#aeeeee;
}
.left{
float:left;
padding:100px 70px;
}
.midden{
float:left;
margin-left:100px;
padding:100px 70px;
}
.right{
float:right;
padding-right:50px;
}
.color{background:red;
width:5px;
height:700px;
float:right;
margin-right:30px;
}
ul{list-style-type:none;}
</style>
</head>
<body>
<div class="big">
<div class="head">慕课网<span class="soom">课程 实战 手记</span></div>
<div class="body">
<div class="left">
<h3>课程推荐</h3>
<ul>
<li>html</li>
<li>css</li>
<li>js</li>
<li>jq</li>
<li>php</li>
</ul>
</div>
<div calss="midden">
<h3>相关课程</h3>
<ul>
<li>html</li>
<li>css</li>
<li>php</li>
</ul>
</div>
<div class="right">
<h3>登录</h3>
<div><input type="text" name="zhanghao"/></div>
<div><input type="password" name="mima"/></div>
<div><input type="button" name="denglu"/></div>
</div>
<div class="color"></div>
</div>
<div class="footer">
网站首页 企业合作 人才招聘 联系我们
</div>
</div>
</body>
</html>
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星