30일차 - css_position

Position(기본:static)

고정 위치를 정하고 싶으면 부모요소가 static이면 안된다
상위 요소중에 static인 요소가 아예 없으면 body를 기준으로 위치를 지정
절대적인 위치도 기준이 있어야 한다




body {
            width: 100%;            
            /* 문서의 너비는 전체의 100% */
            overflow-x: hidden;     
            /* 너비를 초과하는 내용이 있어도 하단의 스크롤바를 보여주지 않는다 */
            margin: 0;              
            /* 외부 여백 0 */
            padding: 0;             
            /* 내부 여백 0 */
        }
div {
            box-sizing: border-box; 
            /* 테두리를 포함한 크기로 계산한다 */
        }
a {
            color: inherit;         
            /* 글자색은 보라색이 아닌, 상위 요소에서 상속받은 형태로 사용(기본:검정)*/
            text-decoration: none;  
            /* 링크라고 해서 밑줄을 통한 글자 꾸밈을 사용하지 않는다 */
        }
.member-menu > ul > li:last-child { 
/* 연속된 요소중 가장 마지막 요소에 대하여 */
            border: 0;
        }
.triangle {
            position: absolute;
/* 고정 위치를 가지게 하기 위해서 : 부모요소의 position이 static이 아니여야 함*/
/* 상위 요소중에서 static인 요소가 아예 없으면 body를 기준으로 위치를 지정 */
            top: 37%;
            left: 50%;
            color: white;
            display: none;
        }