頁腳浮在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頂部

回答

相關問題