.teacher-introduce{
margin: 20px 10px; &:after{ content: ""; display:block; clear: both; } //box-shadow隐形会消失。因为你设置了。overflow: hidden;用另外一种方式就可以清除缓存了。 >.type-page{ >div{ float:left; width: 29%; height: 220px; transition: all 0.5s; background: transparent; border-radius: 5px; text-align: center; box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.2); margin-left:40px; border-top:5px solid #1a6bb1; >img{ margin-top:40px; } } }}