CSS ชิดขอบบนของเว็บไซต์ตลอด ด้วย position: fixed

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

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

<style>
    .title_bar {
        width: 100%;
        height: auto;
        padding: 5px;
        background-color: green;
        position: fixed;
        top: 0px;
        left: 0px;
        color: #FFFFFF;
        text-align: center;
    }
</style>

<div class="title_bar">Devdit</div>

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