CSS：这里需要负利润吗？

Question

我正在练习并了解如何使用CSS。目前，我正在建立一个youtube视频页面的模拟。我有4个div，一个是侧栏，我唯一可以弄清楚如何将它放在视频div和video-info div旁边的方法是使用负边距。我觉得可能有更好的方法，但我无法弄清楚。

＆＃13;

＆＃13;

/* nav-bar */

.nav-bar {
  background-color: green;
  height: 70px;
  margin-bottom: 20px;
}
/* video */

.video {
  background-color: red;
  height: 360px;
  width: 640px;
  margin: 0 0 15px 100px;
}
/* video-info */

.video-info {
  background-color: blue;
  height: 150px;
  width: 640px;
  margin-left: 100px;
}
/* sidebar */

.sidebar {
  background-color: black;
  height: 900px;
  width: 416px;
  float: right;
  margin-right: 80px;
  margin-top: -525px;
}

＆＃13;

<div class="nav-bar">
</div>

<div class="video">
</div>

<div class="video-info">
</div>

<div class="sidebar">
</div>

＆＃13;

＆＃13;

＆＃13;