父元素和子元素的Css定位

Question

请尝试使用此网址更详细地解释问题：Make division image responsive

我想将.slider-wrapper的宽度设为100％。如何更改CSS的其他组件？
      css：

 .slider-wrapper { 
     width: 310px; 
     height: 650px;
     background: url("images/iPhone.png") center center ;
     background-size:cover;
    }

    .nivoSlider {
      position:relative;
      width:290px;
      height:512px;
      top:60px;
      bottom:65px;
      left:23px;
      right:24px;
      overflow: hidden;
    }
    .nivoSlider img {
      position:absolute;
      top:0px;
      left:0px;
      width:100%;
      height: 100%
    }

html：

<div class="slider-wrapper ">
    <div id="slider" class="nivoSlider">

    <img src=""  />
    <img src=""  />
    </div>
    </div>

图片：

如果你能帮助我，我真的很感激。

Answer 1

你可以像这样使用！important

.nivoSlider {
      position:relative;
      width:290px !important;
      height:512px;
      top:60px;
      bottom:65px;
      left:23px;
      right:24px;
      overflow: hidden;
    }

或者您必须更好地定义它

.nivoSlider slider-wrapper {
      position:relative;
      width:290px;
      height:512px;
      top:60px;
      bottom:65px;
      left:23px;
      right:24px;
      }