麻烦老师批改一下作业，谢谢！

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
        .clearfix:after,
        .clearfix:before {
            content: " ";
            display: block;
            clear: both;
        }
        .top,
        .bottom {
            width: 80%;
            margin: 0 auto;
        }
        .top {
            background-color: rgba(173, 216, 230, 1.00);
            margin-top: 40px;
        }
        .bottom {
            background-color: rgba(255, 182, 193, 1.00);
        }
        .t-left {
            float: left;
            width: calc(50% - 20px);
            text-align: center;
            margin: 10px;
        }
        .t-right {
            float: right;
            width: calc(50% - 20px);
            text-align: center;
            margin: 10px;
        }
        .b-left,
        .b-middle {
            float: left;
            width: calc(33.33333% - 20px);
            text-align: center;
            margin: 30px 10px;
        }
        .b-left {
            text-align: right;
        }
        .b-right {
            float: right;
            width: calc(33.33333% - 20px);
            text-align: left;
            margin: 30px 10px;
        }
    </style>
</head>
<body>
    <div class="top clearfix">
        <div class="t-left"><img src="http://img1.sycdn.imooc.com/climg//58c0f808000129a303600215.jpg" alt="1"></div>
        <div class="t-right"><img src="http://img1.sycdn.imooc.com/climg//58c0f819000198a703600214.jpg" alt="2"></div>
    </div>
    <div class="bottom clearfix">
        <div class="b-left"><img src="http://img1.sycdn.imooc.com/climg//58c0f81d0001fe4402000060.jpg" alt="3"></div>
        <div class="b-middle"><img src="http://img1.sycdn.imooc.com/climg//58c0f8220001dfce02000060.jpg" alt="4"></div>
        <div class="b-right"><img src="http://img1.sycdn.imooc.com/climg//58c0f8780001c74602000060.jpg" alt="5"></div>
    </div>
</body>
</html>

超速飛 2017-06-26

源自：CSS网页布局基础 2-14 编程练习