随着窗口缩小，左边距离增加

Question

我怎样才能留下一个保证金：当浏览器窗口进一步向下水平缩放时，mydiv-2的0vw进入负边距左侧并且越来越多的负边距离开。

#mydiv-1{
  background-color:orange;
  width:60%;
  height:400px;
 margin-left: 150px
  }

#mydiv-2{
  background-color:blue;
  margin-left:0vw;
  width:30%;
  height:150px;
  }

<div id="mydiv-1">
  <div id="mydiv-2">
    </div>
  </div>

Answer 1

您只需要这样做：

#mydiv-2{
  background-color:blue;
  margin-left: -2vw;
  width:30%;
  height:150px;
  }

当窗口减少时，该vw将随之减小