Html css div 未显示在左侧

Question

我面临这个问题，div 没有显示在左侧，而是显示在中间。正如您在图像中看到的那样，白色 div 显示在中间，我需要将其显示在左侧。网页  <div class="slide">    <div class="first-layer">      <div>      </div>    </div>  </div>CSS.slide{  background-color: #f4525e;}.first-layer{  background-color: #FFFFFF;  height: 100%;  width: 93%;  position:relative;  border-bottom-right-radius: 20%;  border-top-right-radius: 5%;}我也很想像这样做边界半径，但它不是

Answer 1

设置margin-left: 0;为.first-layer

.slide {

  height: 500px;

  background-color: #f4525e;

}

.first-layer {

  background-color: #FFFFFF;

  height: 100%;

  width: 93%;

  margin-left: 0;

  position: relative;

  border-bottom-right-radius: 20%;

  border-top-right-radius: 5%;

}

<div class="slide">

  <div class="first-layer">

    <div>

    </div>

  </div>

</div>