老师，麻烦看一下代码，请问还有哪些问题需要修改

来源：4-8 自由编程

qq_生命不止奋斗不息_0

2020-12-22 22:05:47

# 具体遇到的问题
老师，麻烦看一下代码

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
    padding:0;
    margin: 0;
}

.about{
    width:1200px;
    margin:0 auto;
    padding-top:30px;
}
.about .about-top h1{
    text-align: center;
    font-size:32px;

}
.about-division{
    width:60px;
    height:3px;
    background-color: #07cbc9;
    margin: 10px auto;

}
.about .about-top p{
    width:446px;
    color:gray;
    font-size:14px;
    margin:0 auto;
}
.about .about-body{
    padding-top:30px;;
    height:464px;
    position: relative;

}
.about-body .about-main{
    overflow: hidden;
}
.about .about-body .about-main .main-left{
    float:left;
    width:264px;
    height:148px;
}
.about .about-body .about-main .main-left h2{
    font-size:32px;
}
.about .about-body .about-main .main-middle{
    float:left;
    width:650px;
    height:435px;

}
.about .about-body .about-main .main-right{
    float:right;
    width:258px;
}
.about .about-body .about-main .main-right .main-right-main{
    padding:40px;
    border:1px solid #07cbc9;
    margin-bottom: 30px;
}
.about .about-body .about-main .main-right .main-right-main h2{
    text-align: center;
}
.about .about-body .about-main .main-right .main-right-main p{
    text-align: center;
}

.about .about-body .main-explore{
    padding:20px;
    width:300px;
    font-size:18px;
    border:1px solid gray;
    background: rgba(255,255,255,.5);
    position: absolute;
    left:0;
    top:50%;
    margin-top:-121px;

}
.about .about-body .main-explore a{
    text-decoration: none;
    display: block;
    width:140px;
    height:40px;
    background-color: #000;
    color:#fff;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    margin:20px 0;
}
    </style>
</head>
<body>
     <section class="about">
        <div class="about-top">
            <h1>ABOUT</h1>
            <div class="about-division"></div>
            <p>Lorem Ipsum is simply dummytext of the printing and typesetting industry.Lorem Ipsum has been the industry's standarddummy text eversince the 1500s.</p>
        </div>
        <div class="about-body">

            <div class="about-main">
                <div class="main-left">
                    <h2>A WORD ABOUT US</h2>
                </div>
                <div class="main-middle">
                    <img src="images/bb3.jpg" alt="">
                </div>
                <div class="main-right">
                    <div class="main-right-main">
                        <h2>7000</h2>
                        <div class="about-division"></div>
                        <p>Students</p>
                    </div>
                    <div class="main-right-main">
                        <h2>600</h2>
                        <div class="about-division"></div>
                        <p>Faculty</p>
                    </div>
                </div>

            </div>
            <div class="main-explore">
                <p>Praesent dignissim viverra est,sed bibendum ligula congue non. Sed ac nisl et felisgravida commodo?Suspendisse eget ullamcorper ipsum.Suspendisse diam amet.</p>
                <a href="">EXPLODER</a>
            </div>
        </div>




     </section>
</body>
</html>
在这里输入代码，可通过选择【代码语言】突出显示