フッターの配置

Question

フッターHTMLタグの切り替え場所のため、配置に問題があります。 私のIDEでわかるように、フッターはHTMLセクションの一番下になるように設定しました。しかし、私は一度私のアプリを実行すると、それは2行に行くことによって位置を変更します。

remodal-pop box設定のためですか？どのようにこれを修正するための任意のアイデア？ ここに画像があります。ここで

私の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;   
} 

と私は原因remodalポップバグに変更することはできませんhtmlと体：Twitter Bootstrap modal pushes html content to the left

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

（指定された回答の後）： これはあなたが変更する必要があるコードです（a先頭に追加するPPEND）ファイルの名前はjquery.remodal.jsです：あなたremodal jsのスクリプトがちょうど準備ができて、文書にこれらのdiv -sを追加し

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); 

Answer 1

。

改造のホームページで見ることができるように、両方ともposition: fixedです。改造した容器のスタイリングを変更していない限り、絶対にポスティングされたフッターを移動することはできません。

おそらく問題は他のところにあります。あなたは改造スクリプトを修正し、それらのコンテナの前に（または別の場所に置く）ことができますが、それは重要ではないと思います。

おそらく、改造スタイルの1つに問題がありますか？テストのためにDOMからスタイルを削除することができます（jsだけ残してください）。