Konumlandırma altbilgisi

Question

Altbilgi HTML etiket değiştirme yerlerim nedeniyle, konumlandırmada sorun yaşıyorum. IDE'mde gördüğünüz gibi altbilgimi HTML bölümünün en altında olacak şekilde ayarladım. Ancak, uygulamamı çalıştırdığımda, 2 satır yukarı gidip konumu değiştirir.

Remodal-pop kutu yapılandırması nedeniyle mi? Bunu düzeltmek için bir fikrin var mı? Resim, daha anlaşılır hale getirmek için.

.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;   
} 

ve html ve ben nedeniyle remodal-pop hatadan DEĞİŞTİREMEYECEĞİNİZİ vücut: Twitter Bootstrap modal pushes html content to the left

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

İşte

benim css-footer kodudur EDIT (verilen cevaptan sonra): bu, değiştirmeniz gereken koddur (a

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

Sizin remodal js betiğide hazır belge üzerinde olanlar div -s ekler: ppend dosyasının adı jquery.remodal.js olan) başına gelecek.

Her ikisi de, remodal ana sayfasında görebildiğim gibi, bu remodal kapların stilini değiştirmediğiniz sürece position: fixed modelidir.

Muhtemelen sorun başka bir yerde yatar. Remodal komut dosyasını değiştirebilir ve bu kapsayıcılara (veya başka bir yere) yerleştirebilirsiniz, ancak bunun önemli olduğunu düşünmüyorum.

Belki de remodal stillerden birinde sorun var mı? Test için DOM'den stilleri kaldırabilirsiniz (yalnızca js'yi kaldırarak). **. Remodal-overlay ** ve **. Remodal-wrapper ** oluşturulduysa,