此问题在此处已有答案：
How to align two div next to each other（7个答案）
1小时前关闭。
第一个
当添加多个子div到父div时，位置开始偏移。我如何使它们水平？我已经尝试在子div和父div中垂直对齐，但是它们仍然偏移。
此问题在此处已有答案：
How to align two div next to each other（7个答案）
1小时前关闭。
第一个
当添加多个子div到父div时，位置开始偏移。我如何使它们水平？我已经尝试在子div和父div中垂直对齐，但是它们仍然偏移。
2条答案
按热度按时间hgb9j2n61#
这是因为两个
div是一个接一个的;它们会占用正常文档流中的空间。如果希望它们位于同一位置，您可以1.将父div设置为具有
display: flex;和justify-content: space-between;（建议的解决方案）：第一个
1.将绝对定位添加到两个子项（不建议在当前情况下使用，因为绝对定位会从正常文档流中删除元素）：
第一次
hpxqektj2#
重复的答案确实回答了这个问题，但要回答您的特定问题：
我将您的
.titlebar更改为flex父对象（在您的代码中没有理由将其更改为inline），并设置了justify-content: space-between属性。第一个