如何让html中的列保持连续？

Question

@media screen and (min-width:450px){
  .dark-blue{
    width: 50%;
  }
  #container2{
    width: 50%;
  }
}

当此媒体查询触发时，深蓝色div和id为container2的div不会保持连续。具体来说，深蓝色div下方的空白是个问题。我想知道的是如何使它们对称。我的github中有更多细节。documentation。

Answer 1

我会尝试这样的事情：

@media screen and (min-width:450px){
  .dark-blue{
    width: 100%;
  }
  #container2{
    width: 100%;
  }
  #container2 div {
    width: 50%;
    display: inline;
  }
}