J, J Blog

float: left로 인한 영역깨짐 방지법 본문

Programming/Publishing

float: left로 인한 영역깨짐 방지법

J, J 2019. 10. 16. 15:42

1. 깨지는 영역에 똑같이 float: left를 사용한다.
  -> 비추천, 모든 박스에 float: left를 사용하게 되므로 좋은 방법이 아니다.

2. float의 성질을 차단하는 clear: both; 를 사용한다.
  -> 비추, 어떤 영역이 깨졌는지 찾기가 힘들다.

3. float을 사용한 상위 박스에 overflow: hidden을 사용한다.
  -> 추천, 현재 가장 많이 사용하는 방법

4. clearfix를 사용한다.
  -> 추천

'Programming > Publishing' 카테고리의 다른 글

가상 세로줄 넣기  (0) 2019.10.19
CSS 활용팁. 마진 초기설정  (0) 2019.10.17
텍스트 한 줄 입력 설정  (0) 2019.10.17
IR 효과의 종류와 내용  (0) 2019.10.16