การใช้คุณสมบัติเฟล็กซ์อย่างเหมาะสมเมื่อทำการซ้อนคอนเทนเนอร์แบบยืดหยุ่น

คอนเทนเนอร์แบบยืดหยุ่นเวลามักจะเป็นพาเรนต์และรายการแบบยืดหยุ่นมักจะเป็นรายการย่อยเสมอ เนื่องจากขอบเขตของบริบทการจัดรูปแบบการทำงานแบบยืดหยุ่นเวลาจำกัดอยู่ที่ความสัมพันธ์หลัก/รอง

ผู้สืบทอดของคอนเทนเนอร์ flex ที่อยู่นอกเหนือรายการย่อยไม่ได้เป็นส่วนหนึ่งของเลย์เอาต์ flex และจะไม่ยอมรับคุณสมบัติของ flex

คุณต้องใช้ −

display: flex

หรือ

display: inline-flex

คุณสมบัติ flex บางอย่างใช้กับคอนเทนเนอร์ flex เท่านั้น -

justify-content
flex-wrap
flex-direction

คุณสมบัติ flex บางอย่างที่ใช้กับรายการ flex เท่านั้น -

align-self
flex-grow
flex