在父元素属性中添加overflow:hidden
就可以了:
<div id="divBody" class="divBody marAuto">
<div class="hegAuto imgShadow" style="width:100%;background:white;margin-top: 50px;overflow:hidden;">
<div style="width: 100%;height: auto;border: 2px solid greenyellow">
<div style="width: 100%;height:20px;border: 1px solid blue;">
<span>1</span>
</div>
<div style="width: 100%;height: auto;overflow:hidden;">
<div style="width: 120px;height: 120px;float:left;">
<a href="javascript:void(0)">
<img src="./source/touxiang.jpg" style="height: 100px;" alt="">
</a>
<span>这里插入描述</span>
</div>
<div style="width: 120px;height: 120px;float:left;">
<a href="javascript:void(0)">
<img src="./source/touxiang.jpg" style="height: 100px;" alt="">
</a>
<span>这里插入描述</span>
</div>
<div style="width: 120px;height: 120px;float:left;">
<a href="javascript:void(0)">
<img src="./source/touxiang.jpg" style="height: 100px;" alt="">
</a>
<span>这里插入描述</span>
</div>
</div>
</div>
<div style="margin-top: 30px;height:auto;border: 2px solid greenyellow">
<div style="width: 100%;height:20px;border: 1px solid red;">
<span>2</span>
</div>
<div style="width: 100%;height:120px;">
<div style="width: 120px;height: 120px;float: left;">
<a href="javascript:void(0)">
<img src="./source/touxiang.jpg" style="height: 100px;" alt="">
</a>
<span>这里插入描述</span>
</div>
<div style="width: 120px;height: 120px;float:left;">
<a href="javascript:void(0)">
<img src="./source/touxiang.jpg" style="height: 100px;" alt="">
</a>
<span>这里插入描述</span>
</div>
<div style="width: 120px;height: 120px;float:left;">
<a href="javascript:void(0)">
<img src="./source/touxiang.jpg" style="height: 100px;" alt="">
</a>
<span>这里插入描述</span>
</div>
</div>
</div>
</div>
</div>