为什么不显示绿色呢

.wrapper{

  width: 100%;

  background: green;

  max-width: 980px;

  overflow: hidden;

  margin-left: auto;

  margin-right: auto;

}

.left {

  float: left;

  width: 20%;

  background: orange;

  min-height: 100px;

}

.content {

  float: right;

  width: 78%;

  background: blue;

  min-height: 100px;

}

@media (max-width: 480px) {

  .wrapper {

    min-width: 320px;

    width: 98%;

    margin-left: 1%;

    margin-right: 1%;

  }

  .left {

    float: none;

    width: 100%;

  }

  .content{

    float: none;

    width: 100%;

  }

}