728x90 반응형 SMALL css overflow1 [CSS] 가로 배치(float, overflow, clear, inline-block) * floatnone(default): float 속성 적용 안 함left: 컨테이너의 왼쪽에 배치right: 컨테이너의 오른쪽에 배치margin: auto 요소를 중앙에 배치 코드 예시 자식 요소에 float 적용 자식 요소에 float 속성이 사용되면 부모요소는 자식요소가 없다고 판단하여 높잇값(height)을 잃는다. * 높잇값 찾기 overflow: hidden;부모요소에 overflow: hidden;을 추가하였더니 높이값이 없어지지 않는 것을 알 수 있다. float: right; 로 오른쪽 배치 span 태그는 인라인요소이기 때문에 크기값을 갖지 못하기에, 인라인블록요소로 변경하여서 width와 height 적용하였다.margin: auto; 는 블록요소에만 적용되기에 중앙배치가 되지 않.. 2024. 7. 23. 이전 1 다음 728x90 반응형 LIST
