父元素和子元素的CSS定位

Question

请尝试在我更详细地解释了该问题的URL： 使除法图像响应

我想将.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;
      }