定位頁腳

由於我的頁腳HTML標記切換位置，我無法定位它。正如您在我的IDE中看到的，我已將頁腳設置爲位於HTML部分的最底部。但是，一旦我運行我的應用程序，它會改變位置2線。定位頁腳

是因爲重新彈出框配置？任何想法如何解決這個問題？這是圖像，使其更容易理解。

這裏是我的CSS-頁腳代碼：

.footer { 
    position: absolute; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    padding: 1rem; 
    text-align: center; 
    background: #2E3438; 
    color:white; 
    height: 23px; 
    line-height: 8px; 
    font-size: 13px;   
}

和HTML和身體，我不能改變由於remodal流行的錯誤：Twitter Bootstrap modal pushes html content to the left

html { 
    overflow: hidden; 
    height: 100%; 
} 
body { 
    overflow: auto; 
    height: 100%; 
}

編輯（給出的答案後）：這是你需要改變的代碼（a PPEND預先考慮）的文件名是jquery.remodal.js：

if (!remodal.$overlay.length) { 
     remodal.$overlay = $('<div>').addClass(namespace + '-overlay'); 
     remodal.$body.prepend(remodal.$overlay); 
    } 

    remodal.$bg = $('.' + namespace + '-bg'); 
    remodal.$closeButton = $('<a href="#"></a>').addClass(namespace + '-close'); 
    remodal.$wrapper = $('<div>').addClass(namespace + '-wrapper'); 
    remodal.$modal = $modal; 
    remodal.$modal.addClass(namespace); 
    remodal.$modal.css('visibility', 'visible'); 

    remodal.$modal.prepend(remodal.$closeButton); 
    remodal.$wrapper.prepend(remodal.$modal); 
    remodal.$body.prepend(remodal.$wrapper);

來源

2016-04-11 eugene_sunic

如果生成**。remodal-overlay **和**。remodal-wrapper **。它們將始終顯示在底部，除非您嘗試在**。頁腳**之上創建** div **並設置**重新覆蓋**和**重新包裝**僅在**內部生成** div **您製作的 – Abbr

自HTML5以來，我們使用'footer'標籤。我邀請你看看它。 – Seblor

@html 5頁腳或沒有，它再次保持不變 –

你remodal js腳本只是附加在文件準備這些div -s。

正如我在重做主頁中所看到的，它們都是position: fixed，只要您沒有更改這些重裝容器的造型 - 它們無法改變絕對位置的頁腳。

其他地方可能存在問題。您可以修改重新編寫的腳本並預先（或放置在其他地方）這些容器，但我認爲這不重要。

也許有一個remodal風格的問題？您可以從DOM中刪除樣式進行測試（僅留下js）。

來源

2016-04-18 19:50:15

我已經改變了腳本預先而不是附加，沒有任何幫助.. –

你試過沒有重組的CSS？ –

呵呵，我不相信現在所有相關的附加功能都已經變成了！ Tnx男人，當之無愧+100。 .prepends works perfeclty。我必須等23小時才能獎勵你... –

回答

相關問題