sticky-footer

    1熱度

    1回答

    我正在一個網站上工作,有時網頁可能無法覆蓋屏幕的整個高度(由於內容較少),這會在頁腳下創建空白空間。我試圖通過始終將頁腳保持在視口下面來解決這個問題。我已經嘗試了很多方法來做到這一點,但是他們都解決了一個問題並創造了另一個問題。 這是我到目前爲止的jSFiddle。 實際工作的唯一時間是當我將height:100%設置爲body和html時,但是這會使內容溢出DOM中的正文,我試圖避免這種情況。此

    1熱度

    1回答

    我有棒腳的問題。我從這裏使用bootstrap 3的粘性頁腳方法:Sticky Footer - BootStrap。它的寬度是100%,不會從父級繼承相同的寬度(html或body的寬度)。我的網站已經有一個margin: 10px,它影響頁面上的其他所有內容,包括頁腳。常識會告訴我像這樣設置頁腳:margin-left: 0 !important,但這不起作用。另外,我可以使用overflow

    -1熱度

    3回答

    我在網上嘗試了很多教程,試過javascripts,但沒有爲我的頁腳工作。我只是想讓它堅持到底。如果我在頁面內容下降到屏幕的頁面中修復頁腳,那麼頁腳在屏幕尺寸內的頁面中將不起作用。如果我修復其他休息時間。我怎樣才能解決這個問題? 在本頁面頁腳是正確的:http://fast-garden-6871.herokuapp.com/logs 在這個頁面的屏幕(你必須滾動)的midle:http://fa

    0熱度

    1回答

    看起來我用過的粘性頁腳在提交我的網頁表單後,除了我的感謝頁面之外,在每個頁面上都非常棒。 我不能爲了我的生活找出爲什麼在這一頁上它從屏幕的底部落下。 任何人都看到這個問題? http://kennlucas.com/contact-thanks.htm 感謝您抽出寶貴的時間。

    -2熱度

    1回答

    我已盡全力......也許你會幫助我。 根據粘頁腳和其他類似的東西我的容器應爲100%的高度,並在頁面底部總是軀,但我什麼也沒得到...謝謝 礦場 - http://mangobooking.com/

    0熱度

    1回答

    我在這裏做錯了。我試圖擺脫滾動條(垂直)。我試過去掉了襯墊,甚至調整了高度。無法弄清楚我可能錯過了什麼。幫助非常感謝 http://jsfiddle.net/jSB53/embedded/result/ /* Sticky footer styles -------------------------------------------------- */ html, body {

    1熱度

    1回答

    我需要將網頁頁腳定位在瀏覽器窗口的底部,而不僅僅是position: fixed,所以如果窗口大小變小,頁腳不應該增加比父容器內容的底部更深(您必須向下滾動窗口以查看頁腳)。 我最熟悉的解決方案(下)不適合我。建議? HTML: <div class="container"> <div class="content"> top content </div>

    -1熱度

    4回答

    HTML: <div id="mainWrapper"> <div id="headerContainer">Header</div> <div class="contentPage"> <div id="content"> <p>Content Page</p> <p>Content Page</p> </

    0熱度

    2回答

    我在JSFiddle 我更新的jsfiddle這裏創建的情況示例:http://jsfiddle.net/x11joex11/r5spu85z/8/(這表明更詳細地粘頁腳是如何工作的這麼好,只是身高問題)。 我想讓桌子佔用剩餘的高度,由於某些原因height: 100%不工作? 從我的測試中,它似乎與min-height: 100%有關。我需要這個讓粘性頁腳工作。 因此,對我來說,解決方案是另一種

    0熱度

    4回答

    我想做一個粘性頁腳,就像我在這個例子中做的那樣。 http://codepen.io/Kenny94/pen/JvtFs html, body { height: 100%; width:100%; padding: 0; margin: 0; position: relative; } div { fo