当我增加div宽度时，显示内联块不起作用

Question

My site

我目前有     

<div class="main-sale">
  <div class="time-left">Sale Time Left: </div>
  <div class="sale-item">
    //Main Sale item
  </div>
</div>

<div class="slider-container">
  <div id="owl-demo" class="owl-carousel">
      //Owl Slider
    </div>
</div>

.slider-container的当前宽度为60％。当我尝试将其增加到61％时，它会在.sale-item下。怎么会发生这种情况，即使我有足够的空间来增加宽度？

Answer 1

请查看随附的image。 .slider-container div的每一边都有50px的边距。您可以减小这些边距的值，然后增加.slider-container div的宽度。虽然我可以将.slider-container div的宽度增加到63%和64%，但它会在main-sale div下移动。

您可以将此代码添加到样式表中：

.slider-container {
    margin: 0px 30px;
    width: 66.5%;
}