100% ใน CSS หมายความว่าอะไร
(wattenberger.com)"ขึ้นอยู่กับสถานการณ์"
"เป็น % ของอะไร?"
- มาดูผ่านตัวอย่างแบบอินเทอร์แอ็กทีฟ
→ Width & Height
→ Top & Left
→ Margins
→ Padding
→ Transform: translate
- ยกเว้น
translateแล้ว ทั้งหมดเป็น % ของอ็อบเจ็กต์แม่
"ขึ้นอยู่กับสถานการณ์"
"เป็น % ของอะไร?"
→ Width & Height
→ Top & Left
→ Margins
→ Padding
→ Transform: translate
translate แล้ว ทั้งหมดเป็น % ของอ็อบเจ็กต์แม่
2 ความคิดเห็น
เมื่อก่อนผมงงกับเรื่องนี้มากเลย แต่พอมี
vwvhออกมา ก็อยู่สบายขึ้นเยอะครับ.. 555ในบทความใช้คำว่าอ็อบเจ็กต์ Parent แต่จริง ๆ แล้วบอกว่าเรียกว่า Containing Block จะถูกต้องกว่าครับ
ส่วนใหญ่ Parent ก็ถูกต้อง แต่ก็มีบางกรณีที่ไม่ใช่
"ในกรณีส่วนใหญ่ containing block ขององค์ประกอบหนึ่งจะเป็นพื้นที่เนื้อหาของบรรพบุรุษระดับบล็อกที่ใกล้ที่สุด แต่ก็ไม่ได้เป็นเช่นนั้นเสมอไป"