[[ body ]]는 최상위 부모임에도, 밑의 자식들은 제각각 따로 놀고.. 이 body는 외로운 작은 섬이군요 ^^
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);
}