float:left와 float:right , position:relative와 position:absolute 정렬 float:left와 float:right 그리고 position:relative와 position:absolute을 통한 상하좌우 정렬 1. float float:left = 자식요소의 좌표값를 부모 요소의 x=0, y=0 float:right = 자식요소의 좌표값을 부모 요소의 x=(부모요소의 넓이-자식요소의 넓이), y=0 2. position position:relative = 상위요소로 부터 자신의 상대위치를 지정 position:absolute = 부모요소로 부터 자신의 절대위치를 지정 position:fixed = 브라우저로 부터 자신의 절대위치를 지정(ie6 제외) 0 1 2 3 4 5 6 더보기 display 1. div와 span div는 어케 돌아가는가 1 div는 어케 돌아가는가 2 div는 어케 돌아가는가 3 => 웹브라우저 에서는 아래와 같이 표시된다. div는 어케 돌아가는가 1 div는 어케 돌아가는가 2 div는 어케 돌아가는가 3 span 은... 1 span 은... 2/span> span 은... 3/span> => 웹브라우저 에서는 아래와 같이 표시된다. span 은... 1span 은... 2pan 은... 3 div와 span의 가장 큰 차이는 줄 바꿈 여부이다. div가 줄바꿈되는 이유는 css display속성 기본값이 block이고, span이 줄바꿈되지 않는 이유는 css display속성 기본값이 inline이기 때문이다. 이 두 설정을 반대로 해보자. div{display:.. 더보기 인터넷 속도 최적화 시켜주는 유틸 더보기 이전 1 ··· 80 81 82 83 84 85 86 ··· 99 다음