CSS ชิดขอบล่างของเว็บไซต์เสมอ เลื่อนตาม Scroll bar

สอนภาษา CSS เขียนโค้ดชิดขอบล่างของเว็บไซต์เสมอ แบบเลื่อนตาม Scroll bar ด้วยคำสั่ง position: fixed ซึ่งจะทำให้ div หรือ elements ที่ถูกกำหนดจะอยู่ชิดขอบล่างของเว็บไซต์เสมอ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง CSS ชิดขอบล่างของเว็บไซต์เสมอ ด้วย position: fixed

<style>
    .footer {
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        padding: 10px;
        background: #ccc;
    }
</style>

<div class="footer">ส่วนนี้ชิดขอบล่างตลอดเวลา</div>

โค้ดด้านบนมีคำสั่ง position: fixed จะกำหนดให้ div หรือ elements มีค่าคงที่ไม่เปลี่ยนแปลง ซึ่งพอใช้ร่วมกับคำสั่ง bottom และ left เท่ากับ 0 จึงทำให้ div หรือ elements ดังกล่าวชิดขอบล่างของเว็บไซต์เสมอ