บทนี้จะได้อะไร

จุดประสงค์

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

เลย์เอาต์ส่วนใหญ่พังเพราะนับกล่องผิด — บทนี้คือรากของ Flexbox และ Grid ในบทถัดไป