老师，我的有问题不

<!DOCTYPE html>

<html>

<head>

<title>CSS布局</title>

/*此处写代码*/

*{padding:0;margin:0;}

a{text-decoration:none;}

p{text-align:center;}

.all .top{width:100%;

height:60px;

background-color:#07cbc9;

position:fixed;

top:0;

left:0;

}

.all .top .logo{padding:4px 10px;

float:left;

}

.all .top ul{float:right;

}

.all .top ul li{float:left;

list-style:none;

padding:19px 20px;

}

.all .top ul li a:hover{color:red;}

.all .banner{width:100%;

height:500px;

margin-top:60px;

position:relative;

}

.all .banner img{width:100%;

top:0px;

height:500px;

}

.all .banner .toplayer{position:absolute;

top:0px;

left:0;

background-color:#000;

width:100%;

height:500px;

opacity:0.5;

}

.all .banner .form{position:absolute;

text-align:center;

top:250px;

left:50%;

margin-left:-200px;

margin-top:-134px;

z-index:2;

}

.all .banner .form input{height:35px;

width:400px;

}

.all .banner .form textarea{height:60px;

width:400px;

}

.all .banner .form button{height:35px;

width:200px;

}

.all .banner .form input,textarea,button{background:none;

color:#ffffff;

font-size:16px;

margin-top:10px;

}

.all .banner .form input:hover{border-color:#07cbc9;}

.all .banner .form textarea:hover{border-color:#07cbc9;}

.all .banner .form button:hover{background-color:#07cbc9;border:none;}

.all .about{width:100%;}

.all .about .ab-top .one{text-align:center;

width:100%;

height:80px;

line-height:80px;

font-family:"微软雅黑";

color:#000;

font-size:40px;

font-weight:bold;

}

.all .about .ab-top .eng{font-family:"微软雅黑"

font-size:"16px";

color:gray;

margin:10px auto;

width:300px;

height:80px;

}

.all .about .ab-mid{height:300px;

width:800px;

margin:10px auto;

}

.all .about .ab-mid .left{width:30%;

height:200px;

float:left;

}

.all .about .ab-mid .left .l1{position:absolute;

top:850px;

left:250px;

width:300px;

height:110px;

border:1px solid black;

}

.all .about .ab-mid .middle {width:40%;

height:300px;

float:left;

}

.all .about .ab-mid .right{width:30%;

height:300px;

float:right;}

.all .about .ab-mid .middle img{width:300px;

height:300px;

margin:0 auto;

}

.all .about .ab-mid .right .t,.m{border-bottom:#07cbc9 solid 1px;

border-right:#07cbc9 solid 1px;

width:200px;

height:100px;

margin:20px 5px;

}

.all .about .ab-bot{width:100%;

height:400px;

}

.all .about .ab-bot img,.img1,.img2,.img3,.img4{width:25%;

height:200px;

float:left;

}

.all .about .ab-bot .img1,.img2,.img3,.img4{background:#07cbc9;}

.all .about .ab-bot button{margin-left:100px;

}

.all .gallery .g-top .one{text-align:center;

width:100%;

height:80px;

line-height:80px;

font-family:"微软雅黑";

color:#000;

font-size:40px;

font-weight:bold;

}

.all .gallery .g-top .eng{font-family:"微软雅黑"

font-size:"16px";

color:gray;

margin:10px auto;

width:300px;

height:80px;}

.all .gallery .g-mid .mid{width:950px;

height:600px;

margin:0 auto;

}

.all .gallery .g-mid .mid .one{float:left;

padding:0;

margin:0;

}

.all .gallery .g-mid .mid .one .two{background-color:black;

width:300px;

height:25px;

font-family:"微软雅黑";

font-size:14px;

color:white;

padding:0;

margin-left:15px;

}

.all .gallery .g-mid .mid .one img{margin-left:15px;

margin-top:10px;

width:300px;

height:250px;

padding:0;

vertical-align:top;

}

.all .footer{margin:0;

padding:0;

height:80px;

line-height:80px;

text-align:center;

width:100%;

background-color:#07cbc9;

}

</style>

</head>

<body>

</div>

<ul>

<li><a href="#">ABOUT</a></li>

<li><a href="#">GALLERY</a></li>

<li><a href="#">FACULTY</a></li>

<li><a href="#">EVENTS</a></li>

<li><a href="#">CONTACT</a></li>

</div>

<form>

<textarea name="textarea"/>Write Your Comment Here</textarea><br>

<button type="submit" value="SEND MASSAGE">SEND MASSAGE</button>

</form>

</div>

<div class="one">ABOUT</div>

afdf asdsa sad adds sadasd as asda asd asd asd asd asd asd asd asd a asd as asd as asdasd asds a as as as sd sa sa sa.

</div>

<h1>A WORD ABOUT US</h1>

<p> sdfa ad asfsd sdfas dfasdf asdfdas fdsafsa fasdfsa fsafsa fasdfa dsfa sdfas dfa sdf asdf asdf e f asdf asd fa sdf.</p>

<button type="submit" value="EXPLORE" style="background-color:#000000;">EXPLORE</button>

</div>

</div>

<p>students<p>

</div>

<p>faculty<p>

</div>

<h3>Library</h3>

<p>efeasdf asd fasd fas fasdf asdf a dfsd fs df asdf sdf sad fsd fsd af sadfasd</p>

<p>asdfds fsadf asdf sdf df df d f df d fa df r sd fd ff g ag gg ag fgfg</p>

<button type="submit" value="EXPLORE" style="background-color:#000000;">EXPLORE</button>

</div>

<h3>Cumputer Lab</h3>

<p>efeasdf asd fasd fas fasdf asdf a dfsd fs df asdf sdf sad fsd fsd af sadfasd</p>

<p>asdfds fsadf asdf sdf df df d f df d fa df r sd fd ff g ag gg ag fgfg</p>

<button type="submit" value="EXPLORE" style="background-color:#000000;">EXPLORE</button>

</div>

<h3>Conference Hall </h3>

<p>efeasdf asd fasd fas fasdf asdf a dfsd fs df asdf sdf sad fsd fsd af sadfasd</p>

<p>asdfds fsadf asdf sdf df df d f df d fa df r sd fd ff g ag gg ag fgfg</p>

<button type="submit" value="EXPLORE" style="background-color:#000000;">EXPLORE</button>

</div>

<h3>Play Ground</h3>

<p>efeasdf asd fasd fas fasdf asdf a dfsd fs df asdf sdf sad fsd fsd af sadfasd</p>

<p>asdfds fsadf asdf sdf df df d f df d fa df r sd fd ff g ag gg ag fgfg</p>

<button type="submit" value="EXPLORE" style="background-color:#000000;">EXPLORE</button>

</div>

</div>

<div class="one">GALLERY</div>

afdf asdsa sad adds sadasd as asda asd asd asd asd asd asd asd asd a asd as asd as asdasd asds a as as as sd sa sa sa.

</div>