★float:left -float를 주면 div의 블록이 해제. 그 자리에서 붕 뜨므로 밑에 요소들이 들어 갈 수 있게 됨. -float는 센터정렬이 없다. -부모요소에 :after{content:””; display:block; clear:both} 추가하면 아래 요소들이 따라 올라오지 않는다. -크기가 바뀌는 홈페이지에 쓴다. 고정되는 홈페이지라면 position:absolute.을 쓴다. ★position:absolute - 부모요소에는 넓이와 높이를 지정해줘야하고 position:relative 적용해야한다. - position은 되도록 사용하지 더 읽기
HTML/CSS
CSS 가운데정렬
★margin: 0 auto;-width랑 같이 해줘야 가운데 정렬 적용됨. 가끔씩 익스8에서 안될 때가 있는데 그 땐 text-align:center도 같이 써준다. ★길이가 정해져있는 div 가운데 정렬-position:absolute; left:50%; top:50%; margin-left: -width/2 px; margin-top: -height/2 px;-margin-right를 하면 원래 마진이 없는 경우 안 먹힐 수도 있다. ★header나 input에서 수직가운데정렬시키는 방법. (verticla-align안먹힐 때)-line-height를 height와 같은 값을 준다.-두 더 읽기
CSS inline, block 요소
★inline Tag에 마진주면 안 변한다. 높이도 넓이도 안 먹음. 패딩은 먹는다. ★<text-align>-블럭요소 속에 있는 요소들이 가운데로 간다. 인라인요소 속에 있는 태그에는 적용안됨. ★<vertical-align>-인라인요소들에게 적용된다. 블럭요소 태그에는 적용안됨.-vertical-align:sub; 테이블에서 가운데 정렬이 된다.-브라우저마다 달라서 가장 안쓰고 싶은 존재.