Question

我有一个漂浮在我的div顶部的页脚。它在desktop视图中正常工作，但在mobile和tablet分辨率上保持浮动状态。

问题 - 在移动和平板电脑分辨率上，页脚浮动在div上。

我知道问题的原因是什么，但我无法解决问题。原因是页脚上方有一个浮动div。因为在其他页面中页脚工作得很好。我在下面添加了css。

页面示例：

<div>
    <img />
</div>
<div class="overFlow">
    Floating div over the image. The footer is sitting here
</div>
<footer>
    This floats on mobile view and desktop view.
</footer>


<style>
    .overFlow {
        position: absolute !important;
        top: 50%;
        left: 0%;
    }
</style>

Answer 1

有一个解决方案，即删除顶部：50％，如果它不重要，但如果你只需要50％而不是使用媒体查询。

@media screen and (max-width:750px)
{
.overflow
{
position:absolute;
top:0%;
}
}

所以在桌面上它会正常运行，移动尺寸低于750，而750则是底部的顶部和底部。

谢谢

页脚浮在div上面

1 个答案: