รับทำเว็บไซต์ครบวงจร
เลือกภาษา Thai English     facebook


ติดต่อทำเว็บไซต์ โทร : O89-l79-O7l4 (ทุกวัน 24 ชั่วโมง)

รายการหลัก



บทความ


Page Ranking Tool

CSS Position ซักหน่อย


สอน CSS
> CSS Position ซักหน่อย


CSS Position มี 4 อย่าง : static, relative, absolute, fixed.

static: โดยพื้นฐานของ element ใน document ของเราจะเป็น static อยู่แล้ว … เราไม่ต้องไปแตะก็ได้ นอกจากจะ override มันครับ
relative: คือการจัดตําแหน่งของ element โดยกําหนด top, right, bottom, left เพียงแต่ว่า เวลาที่เราใช้ relative layout ไปแล้ว ไอ้ตําแหน่งเดิมของมันน่ะสิ ยังจะอยู่ ทําให้ div มันจะแสดงผลเพี้ยนๆ
absolute: คือการจัดตําแหน่งโดยจะ set ตําแหน่งของ element ออกมาจาก document เลยยยยยย ทําให้มันอยู่ตรงไหนก็ไ้ดของหน้าต่าง
relative + absolute: จะเป็นการ set ตําแหน่งแบบ ที่อ้างอิงจาก relative เป็นหลัก เช่น มี div parent เป็น relative child เป็น absolute แค่นี้เอง div ก็จะล่องลอยอยู่ใน relative นั่นเอง


ก่อนจะไป float ต้องอธิบายก่อนว่า ที่จะใช้ตัวนี้เพราะว่า การ set ค่า แบ่ง 2 คอลัมน์ ด้วย relative และ absolute มันจะไม่ครอบคลุม property height เราต้องไปตั้งค่าให้มันเอง

ดังนั้น float จึงเข้ามานั่นเอง

float: จะเป็นการ wrap-it up กับข้อมูลของมัน ยาวขนาดไหนก็ได้ มันจะทําการ wrap ไว้ นั่นคือของแตกต่างระหว่าง float กับอื่นๆ (float จะทําให้ div ตัวอื่นๆๆดันขึ้นไป เหมือนไม่เคยอยู่ในตําแหน่งนั้นด้วย) แต่ที่สําคัญต้องใช้ clear :both ไปด้วย เพราะจะทําให้ พท. ข้างล่างเท่ากัน

Short URL click!
<< กลับคืน : เข้าชม 2,901 ครั้ง : ขึ้นไปด้านบน

รับทำเว็บไซต์ รับสร้างเว็บไซต์ รับออกแบบเว็บ รับเขียนเว็บ รับสอนทำเว็บ รับเช่า hosting รับเช่าพื้นที่เว็บไซต์ จดชื่อเว็บ รับโปรโมทเว็บไซต์ รับดูแลเว็บ SiteMap
สปริงเกอร์http://www.xn--22c2c4blb9n.xn--o3cw4h/