[英]Page stops after viewport when using height: 100% on body and html
我正在使用http://ryanfait.com/sticky-footer/讓頁腳停留在底部。 我以前使用height: 100%;
在html
和body
上使頁面小於視口時填充整個頁面。 但是,這會使視口后的主體停止(無背景),但頁面的其余部分會繼續。 Stocky Footer與它沒有多大關系,但它是代碼的一個例子。
我嘗試過使用min-height: 100%;
,但這也不起作用。 無法想出這個,任何幫助都會很棒。
編輯
為了確保頁腳始終位於頁面的絕對底部,您可以使用此問題中提供的答案: 即使有滾動條,div也始終保持在頁面內容的底部
要使用背景圖像,必須將background-image
放在占據頁面整個高度的單個元素上,在本例中為#holder
div。
在#pagecontainer
還有兩個浮動元素未被清除,這意味着瀏覽器不會為#pagecontainer
分配設置高度。 要解決此問題,您需要將overflow: hidden
到#pagecontainer
元素。
這是一篇有用的關於清除浮動的方式和原因的 CSS技巧文章。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.