กำหนด footer bottom: 0px; แบบ ไม่กำหนด position: absolute; ได้ไหมคะ

  <header>
    <h1>I am a header</h1>
  </header>
  <div>
    <article>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a ligula dolor.
      </p>
    </article>
    <footer>
      <h4>I am a footer</h4>
    </footer>
  </div>

//ย่อแล้วขนาดเล็กกว่าเท่าไรให้แสดงผลก็ใส่ไป
@media (max-width: 767px) {
footer{
//ให้ footer ต่ำลงมาอีกเท่าไรก็ว่าไป
margin-top:50px;
//มันยืดมากก็จำกัดความสูงมันไป
max-height:70px;
//กลัวทับก็กำหนด z-index ให้น้อยกว่า content ก็ได้
z-index:0;
}
}