我有這個CSS樣式爲什麼使用position:當我滾動頁面時,頁面中間是否有絕對的頁腳?
position: absolute;
bottom:0;
left:0;
right:0;
width:100%;
background-color:#000000;
color:#ffffff;
text-align:center;
,但如果我在一個小窗口中打開瀏覽器(所以沒有看到頁面的所有內容)的頁腳是在底部頁腳,當我向下滾動頁腳在頁面中間保持固定! 我該如何解決?
我有這個CSS樣式爲什麼使用position:當我滾動頁面時,頁面中間是否有絕對的頁腳?
position: absolute;
bottom:0;
left:0;
right:0;
width:100%;
background-color:#000000;
color:#ffffff;
text-align:center;
,但如果我在一個小窗口中打開瀏覽器(所以沒有看到頁面的所有內容)的頁腳是在底部頁腳,當我向下滾動頁腳在頁面中間保持固定! 我該如何解決?
是您的父容器(頁腳父)設置爲position:relative。嘗試設置身體位置:相對或頁腳到位置:固定和身體填充底部:頁腳的高度(所以它不包括內容)。
希望它可以幫助
我認爲你必須使用position: fixed;
有所需的輸出。
absolute
當您加載它時,位置會使窗口相對於父窗口的當前高度的底部(這裏的父窗口爲body
)。 (所以當你滾動時,不會滾動到底部)
位置固定的元素相對於視口是固定的。 即使文檔滾動,它仍然保留在原處。
下面是關於絕對/固定的位置之差維基 https://www.w3.org/wiki/CSS_absolute_and_fixed_positioning