如何在块中显示元素

How to display elements in block

我希望下面的元素彼此对齐。 正如您在图片中看到的那样,灰色元素没有像其他元素一样排列。

如果您想复制代码,可以这样做:

#holder {
  width: 300px;
  height: 300px;
  border: 1px solid black;
}

#gray {
  width: 100%;
  height: 33.333%;
  background-color: gray;
}

#red {
  width: 100%;
  height: 33.333%;
  background-color: red;
}

#orange {
  width: 100%;
  height: 33.333%;
  background-color: orange;
}
<div id="holder">
  <div id="red">
  </div>
  <div id="gray">
  </div>
  <div id="orange">
  </div>
</div>

如果您有想要修复的当前代码,请在此处 post :)