html - 父子元素的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;
      }