html - 有 2 个连续的 div，第二个与移动设备中的第一个重叠

Question

我在桌面的移动版本中遇到问题。它是 prestashop 1.7.6 经典主题的编辑版本。 Here是网站的链接。

在页脚中，我有 2 个连续的 div，每个都有其内容。第一个 div 有 block_myaccount_infos ID，第二个有 block-contact 类。

第一个 div 有一个自定义 JS，它应该显示下拉内容，类似于之前的两个部分。因为我注意到 JS 没有被执行，所以我使用了 chrome 检查器工具，我发现第二个 div 与第一个 div 重叠。

我测试了在两者之间添加一个标签，这很有效，但这对我来说不是一个有效的解决方案，因为我需要两个 div 在桌面版本中位于同一行。

Answer 1

我看到了

@media (max-width: 1025px)
#footer #block_myaccount_infos {
    width: 34%;
    display: inline-block;
    float: left;

在你的CSS中。问题是由 float: left; 引起的

如果您更改或删除它和 <br>在您的 HTML 中，它应该可以解决您的问题。希望对您有所帮助。