Html 我已经建立了一个标志，但有两个在我的网站上？

我的问题是，有两个div相互堆叠，我不知道为什么。当我放置5个div-box时，就会发生这种情况

我只想把所有的div都放在一排，但我不知道为什么不行

.Box{
高度：200px；
背景颜色：粉红色；
宽度：18%；
浮动：左；
保证金：5px；
左边距：10.5px；
}
.包装纸{
宽度：960px；
最大宽度：90%；
保证金：0自动；
边框：纯黑5px；
浮动：左；
利润率：100px 40px；
}
.logo 1{
宽度：100px；
高度：100px；
背景颜色：灰色；
浮动：左；
利润率：25px；
背景：url(https://via.placeholder.com/100)；/*url（Pictures/animal-2028258.png）；原始img路径*/
背景尺寸：包含；
}

---

重要的是，如果您使用百分比，那么所有东西都应该灵活使用百分比值，如边距、填充物等

我已经用CSS中正确工作的百分比更新了所有框大小和边距

希望这有帮助

.Box{
高度：200px；
背景颜色：粉红色；
宽度：18%；
浮动：左；
利润率：1%；
}
.包装纸{
宽度：960px；
最大宽度：90%；
保证金：0自动；
边框：纯黑5px；
浮动：左；
利润率：100px 40px；
}
.logo 1{
宽度：80%；
身高：80%；
背景颜色：灰色；
浮动：左；
利润率：10%；
背景：url(https://via.placeholder.com/100)；/*url（Pictures/animal-2028258.png）；原始img路径*/
背景尺寸：包含；
背景重复：无重复；
}

根据此处发布的当前代码，我无法重现您提到的问题使用包装上的display:flex并删除一些边距该问题是由另一位非OP人员编辑的，它完全改变了其含义。。。不确定编辑的人是如何知道OP真正想要什么的，因为原来的问题和现在编辑的问题大不相同