HTML Footer yardım lütfen

Merhabalar,

Footer yapmaya çalışıyorum fakat resimdede görüldüğü gibi yazının altına inemiyorum ve nereye gidersem footer beni takip ediyor ben mobilde aşağıya indiğim zaman footerın çıkmasını istiyorum ama hep sabit ekranda nasıl düzeltebilirim.

<style>
footer {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #212121;
    color: white;
    text-align: center;
}
</style>



<footer>
    <p>Copyright &copy; 2020 The Golden Roast.</p>
</footer>

position: relative;

Google'ye css position yazarsan detaylıca bulabilirsin pozition değerini değiştir düzelecektir

overflow: scroll olaylarına bakın

Maalesef footer ekranın üstüne geldi.

Fazla bilgim olmadığı için burada konu açtım.

Yükseklik değeri ver ilk önce yüksekliği olmadığı için yapıyor olabilir positionda olmadıysa height:1000px vs dene footera düzelmezse position degelerini dene kodu edebilir tüm kodları görmeden bişey diyemem !important ekle biraz araştır armut pis ağzıma düş yapma position değerleri ile alakalı olduğunu söylüyoruz öylede YouTube izle bak olmuyorsa üstte bir sıkıntı vardır başka kodlarda yada dediğim gibi yüksekliği olmadığı için kesiyor öyle yarısı gözükmüyor yada yüksekliği daha önceden üstteki kodlarda belirttin o yüzden yarısını alıyor olabilir bir çok sorun olabilir deneye deneye bulcan yada kodları bir siteye koycan bize atcan biz bakcaz yapcaz sana atcaz.

position'u sil. Fixed zaten sabit kalması, gitmemesi için kullanılıyor. Eğer üst üste gelirse vs. diğer kodlara bakmak gerek