hr 在移动中的 div 后面

Question

我的代码可以在所有桌面浏览器上运行，但在移动设备上它有一个错误。

线条是hr元素，中间的方块是div。 div 有位置：相对和固定的宽度和高度。我不使用 z 顺序。

在移动设备上我现在所能做的就是用某种颜色显示 div 元素的背景，我可以看到它确实占据了空间。在这种情况下，我还看到使用背景颜色的 hr 出现在它后面。

可能有用的附加信息：中间的 div 是水平 ul 元素的一部分，其中包含带有项目的列表图像和文本。也称为内容滑块；）

当我用一些图片幻灯片初始化滑块时，在移动设备上，布局总是正确显示。此外，当我只查看内容幻灯片时。但是当我从头只放内容幻灯片时，就会出现这个错误。

我不知道它是什么...尝试使用桌面浏览器获取此行为，以查找原因，但没有成功。我不知道为什么hr会去那里。与幻灯片中的内容没有关系。 hr出现的位置在中间某处，在文字之间……

提前致谢。

Answer 1

在没有看到您的任何代码的情况下，基于过去经验的“最佳猜测”是：
看起来您可能在滑块内浮动了内容，而滑块本身不是 "cleared"。

如果滑块内部有任何浮动内容，请确保清除外部滑块 div。