html - 将两个 div 对齐

Question

我试图将两个 div 彼此对齐，但遇到了一些问题。我在堆栈溢出中查找了很多与此相关的问题，但似乎没有任何帮助。

任何人都可以看到我的代码有什么问题吗？第二个 div 开始低于第一个，我也想要两者之间的差距提前致谢

(我尝试了垂直对齐和不垂直对齐:顶部)

#parent {
  width: 96%;
}

#Div1 {
  float: left;
  width: 46%;
  left: 1%;
  border: 1px solid rgba(0, 0, 0, 1);
  vertical-align: top
}

#Div2 {
  float: left;
  width: 46%;
  left: 49%;
  border: 1px solid rgba(0, 0, 0, 1);
  vertical-align: top
}

<div id="parent">
  <div id="Div1">some text</div>
  <div id="Div2">some more text</div>
  <br style="clear: both;" />
</div>

Answer 1

你最好使用flexbox而不是 float: left float: right。 Flexbox 将使您的生活更轻松!

现在回答你的问题:

#parent {
    display: flex;
    justify-content: space-between;
}

就是这样!看看 flexbox 有多简单？