1.overflow
박스에서 콘텐츠의 양이 많아 박스의 크기를 벗어나는(넘치는) 경우 처리하는 속성
overflow:hidden /*잘라낸다*/
overflow:scroll /*가로,세로 스크롤을 생성한다*/
overflow:auto/overflow-y:scroll /*가로 스크롤만 생성한다*/2.position
position의 사용
position : (속성값)
position 속성 종류
1.static(기본값,다른 포지션 속성값을 해제하는 역할)
2.absolute(절대주소/스크롤 유)
3.fixed(고정주소/스크롤 무)
4.relative(상대주소)
position과 함께 사용되는 속성(position이 적용되어 있어야 사용할 수 있는 속성)
1.lefe/top/right/bottom
=> 실제 위치를 이동 시키는 속성 (px/% , 양수/음수 모두가능)
2.z-index속성
=> 깊이값을 마음대로 조율 할 수 있다(큰값이 위로 올라간다)
원점의 위치 변경
1.기본 left:0; top:0
2.lefe/top/right/bottom (기준점을 4군데로 사용가능)
깊이값(depth)
position이 적용된 ...코드 순서상 아래에 위치한 요소가 위로 올라간다
z-index:1~100 => 값이 크면 위로 올라간다
position센터정렬 공식
부모 태그 -> position:relative;
자식 태그 -> position: absolute; left:50%; top:50%;
or
margin-left: (-너비/2)
margin-top: (-높이/2)
[출처] <overflow css속성>/<position 속성(css)>|작성자 yui3268
404