页脚浮在div顶部

我有一个页脚浮在我的div上面。它在desktop视图上正常工作，但仍保留在mobile和tablet分辨率上。页脚浮在div顶部

问题 - 页脚浮在移动和平板电脑分辨率的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>

来源

2015-10-12 user2281858

你能说清楚究竟是什么错误吗？你的设计有一个图像，上面有文字和底部的页脚。我在这里没有看到问题 – AGE

页脚浮在div上。它不在底部。 – user2281858

您的'.overflow'漂浮在页脚上，因为您将它完全定位在垂直屏幕的中心。如果屏幕很小，它会在任何底下。你想做什么？ – Artless

有它的解决方案，即除上：从50％吧，如果它并不重要，但如果你需要在50％只比使用媒体查询。

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

所以在桌面上它会正常出现，并且在750以下的移动大小和在750它将是顶部和底部底部。

谢谢

来源

2015-10-13 05:05:29 user2906608

这不会解决它，只是隐藏在他当前的例子中的问题。如果'.overflow'的内容具有更高的高度，则会出现同样的问题。 – Artless

页脚浮在div顶部

回答

相关问题