คุณสมบัติเค้าโครงที่ใช้กันมากที่สุดใน CSS คือ Float ( คำอธิบายโดยละเอียดของคุณสมบัติลอยตัวของ CSS Float ) และอีกคุณสมบัติหนึ่งคือคุณสมบัติการวางตำแหน่ง CSS ตำแหน่ง
1.ตำแหน่ง:คงที่
การวางตำแหน่งเริ่มต้นขององค์ประกอบทั้งหมดคือ: ตำแหน่ง:คงที่ ซึ่งหมายความว่าองค์ประกอบไม่ได้อยู่ในตำแหน่งและปรากฏในตำแหน่งที่ควรอยู่ในเอกสาร
โดยทั่วไป คุณไม่จำเป็นต้องระบุตำแหน่ง:คงที่ เว้นแต่คุณต้องการแทนที่ตำแหน่งที่ตั้งไว้ก่อนหน้านี้
#div-1 {
ตำแหน่ง:คงที่;
-
2. ตำแหน่ง:ญาติ
หากคุณตั้งค่าตำแหน่ง:สัมพันธ์ คุณสามารถใช้ด้านบน ล่าง ซ้ายและขวาเพื่อย้ายองค์ประกอบโดยสัมพันธ์กับตำแหน่งที่ควรปรากฏในเอกสาร [ซึ่งหมายความว่าจริงๆ แล้วองค์ประกอบยังคงอยู่ในตำแหน่งเดิมในเอกสาร แต่ถูกย้ายด้วยสายตาโดยสัมพันธ์กับตำแหน่งเดิมในเอกสาร]
#div-1 {
ตำแหน่ง:ญาติ;
ด้านบน:20px;
ซ้าย:-40px;
-
3. ตำแหน่ง: แน่นอน
เมื่อระบุตำแหน่ง:สัมบูรณ์ องค์ประกอบจะไม่อยู่ในเอกสาร (นั่นคือ จะไม่อยู่ในตำแหน่งในเอกสารอีกต่อไป) และสามารถวางตำแหน่งได้อย่างแม่นยำตามด้านบน ล่าง ซ้ายและขวาที่ตั้งค่าไว้
#div-1a {
ตำแหน่ง:แน่นอน;
ด้านบน:0;
ขวา:0;
ความกว้าง:200px;
-
