[[ body ]]는 최상위 부모임에도, 밑의 자식들은 제각각 따로 놀고.. 이 body는 외로운 작은 섬이군요 ^^

[ Section: position: absolute; ]

<section>에서의 position: absolute; 설정으로 인해 position: absolute;가 설정된 이 <p> 문단의 컨테이닝 블록은 <section>이 된다

☞ 화면 너비나 높이를 변경해보세요.. - 참고로, 이 p 문단은 포지션이 설정되지 않은 일반 흐름이므로, 자신의 컨테이닝 블록인 <section> 내부에서 맨 밑에 깔립니다!

            
                
            
        
            
                body {
                    width: 960px; margin: 0 auto; padding: 10px; background-color: beige; border: 5px dotted gray;
                }

                section {
                    margin: 0 auto; max-width: 900px; height: auto; left: 20px; top: 40px;
                    padding: 10px; background: lightgray;
                } p.first-p {
                    width: 90%; left: 300px; margin: 10px; padding: 3%; background: rgb(142, 185, 185);
                }