javascript - hr在移动端div后面

Question

我的代码适用于所有桌面兄弟，但在移动设备上它有一个错误。

线条是hr元素，中间的方 block 是div。 div 具有position:relative和固定宽度和高度。我不使用 z 顺序。

在手机上我现在能做的就是用一定的颜色显示div元素的背景，我可以看到它确实占了空间。我还看到在这种情况下，我使用背景颜色，hr 出现在它后面。

可能有用的附加信息:中间的 div 是水平 ul 元素的一部分，它包含带有元素的列表图像以及文本。也称为内容 slider ;)

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

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

提前致谢。

Answer 1

在没有看到您的任何代码的情况下，基于过去经验的“最佳猜测”是:
看起来您的 slider 内可能有 float 内容，而 slider 本身不是 "cleared" .

如果 slider 内有任何 float 内容，请确保清除外部 slider div。