不知道为什么，只添加一个图就是好好的，添加6张就叠在一起了

<style>

.GALLERY{width:70%;height:2000px;background:pink;margin:0 auto;}

.GALLERY .gallery p{font-size:50px;font-weight:bolder;text-align:center;margin-top:50px;margin-bottom:20px;}

.GALLERY .gallery dl{width:470px;margin:10px 12px;padding-bottom:50px;text-align:center;padding-left: 410px;font-family:"Microsoft YaHei UI";font-size:15px;color:gray;padding-bottom:30px;}

.GALLERY img{width:100%;height:100%}

.GALLERY .pic .pic1 .p1{height:150px;width:33.3%;float:left;}

.GALLERY .pic .pic1 .p2{height:150px;width:33.3%;float:left;}

.GALLERY .pic .pic1 .p3{height:150px;width:33.3%;float:left;}

.GALLERY .pic .pic2 .p4{height:150px;width:33.3%;float:left;}

.GALLERY .pic .pic2 .p5{height:150px;width:33.3%;float:left;}

.GALLERY .pic .pic2 .p6{height:150px;width:33.3%;float:left;}

</style>

<div class="GALLERY">

<div class="gallery">

<p>GALLERY</p>

<dl>

<dt>Lorem Ipsurm is simple dummy text of the printing and typesetting

industry.Lorem Ipsum has been the industry's standard dummy

  text ener since the 1500s.</dt>

</dl>

</div>

<div class="pic">

<div class="pic1">

<div class="p1">

<div class="pp1"><img src=".\images\03-01.jpg"></div>

<div class="pp2">SCIENCE LAB</div>

</div>

<div class="p2">

<div class="pp1"><img src=".\images\03-02.jpg"></div>

<div class="pp2">INDOOR STADIUM</div>

</div>

<div class="p3">

<div class="pp1"><img src=".\images\03-03.jpg"></div>

<div class="pp2">INDOOR STADIUM</div>

</div>

</div>

<div class="pic2">

<div class="p4">

<div class="pp1"><img src=".\images\03-04.jpg"></div>

<div class="pp2">INDOOR STADIUM</div>

</div>

<div class="p5">

<div class="pp1"><img src=".\images\03-05.jpg"></div>

<div class="pp2">INDOOR STADIUM</div>

</div>

<div class="p6">

<div class="pp1"><img src=".\images\03-06.jpg"></div>

<div class="pp2">INDOOR STADIUM</div>

</div>

</div>

</div>

</div>