移动中的div落后于div

时间:2012-02-27 06:12:59

标签: javascript html css mobile

我的代码适用于所有桌面浏览器,但在移动设备中它有一个错误。

enter image description here

线条是hr元素,中间的正方形是div。 div具有位置:相对和固定的宽度和高度。我不使用z命令。

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

可能有用的其他信息:中间的div是水平ul元素的一部分,其中包含带有项目和文本的列表图像。也称为内容滑块;)

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

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

提前致谢。

1 个答案:

答案 0 :(得分:1)

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

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