如何将左上角的footer内容移到最下。以及将右下角的内容移到右侧
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test01</title>
<style type="text/css">
{margin:0;padding:0;}
.top{margin:1px;background:#E88D8D;padding:8%;}
h1{font-size:26px;font-family:"方正风雅宋简体";text-align:center;font-size:24px;}
h2{font-size:26px;text-align:center;font-size:14px;}
.main .left{border:1px solid;margin:2px;float:left;position:absolute;width:800px}
.main .left h5{text-align:center;font-family:"方正风雅宋简体";font-size:20px;}
.main .left h6{text-align:center;font-family:"方正风雅宋简体";font-size:16px;}
.main .left p{text-align:center;;font-size:16px;line-height:1.8em;}
.main .right{border:1px solid;float:right;position:relative;width:150px;}
.footer{border:1px solid;}
</style>
</head>
<body>
<div class="top">
<h1>棠棣后院</h1>
<h2>此心若得一株雪，人生何处不清明。</h2>
</div>
<div class="main">
<div class="left">
<h5>夏天的美味</h5>
<h6>张佳伟</h6>
<p>夏天煮粥，宜稀不宜稠，若非为了绿豆粥借绿豆那点子清凉，吃泡饭倒比粥还适宜。<br/>粥易入口好消化，但热着时吃，满额发汗；稠粥搁凉了吃，凝结黏稠，让人心头不快。<br/>泡饭是夏天最宜。所谓泡饭其实很偷懒，隔夜饭加点水一煮一拌就是了，饭粒分明，也清爽。<br/>医生警告说不宜消化，但比粥来得爽快也是真的。<br/>
日本料理里有种泡饭，是九州地方的风味：小鱼干、小黄瓜丝、紫菜熬成味增汤，搁凉了，浇白米饭上。<br/>夏天若被高温蒸得有气无力少胃口，就指着这个吃了：鲜浓有味，还凉快；如果有碎芝麻粒，铺在饭面上再浇汤，更香美入口。
</p>
<div class="right">
<p>春深一杯酒</p>
<p>夏夕晚来风</p>
<p>秋霜白苇荡</p>
<p>冬梅暗含香</p><br/>
</div>
</div>
<div class="footer">愿你以梦为马随处可栖</div>
</div>
</body>
</html>
李下之忌心中郁2回答
随时随地看视频慕课网APP
Html/CSS
Html5
JavaScript