[[ body ]]

[ Section ]

이 문단은 기본값인 정적(static) 위치를 가지고, 가장 가까운 블록 컨테이너는 <section>이므로 이 문단의 컨테이닝 블록도 <section>이 되고, 이 <section>의 크기를 기준으로 자신의 % 값을 계산하게 된다! 

            
                
            
        
            
                body { margin: 0 auto; width: 960px; background-color: beige; border: 5px dotted gray; }
            
                section {
                    display: block;
                    margin: 0 auto; max-width: 920px; height: auto; background: lightgray;
                } p { width: 90%; margin: 5%; padding: 5%; background: rgb(142, 185, 185); }