답글 : float을 clear하는 4가지 방법.

최군가 만듬

최군 — Fri, 27 Apr 2012 00:20:32 +0000

저도 관공서의 css validation때문에…….^^
zoom 대신에 min-height:80px;height:auto !important;height:80px 를 쓰긴하는데..
이게 괜챦은건지..어떤건지……….

오후네시반 — Thu, 26 Apr 2012 05:23:58 +0000

전 overflow:hidden; 속성을 주로 쓰는데요^^

가상선택자 :after 방법은 다 좋은데 zoom 속성이 css 밸리데이션에서 걸리더라구요.
css 검사야 무시 할수도 있지만, 관공서 같은 경우에는 행안부 웹호환성 점검에서 감점 요소가 되니 할수 없이 다른 방법을 쓰게 되더군요.

float된 자식의 높이를 부모가 감싸안도록 만들기 | 웹으로 말하기 — Tue, 21 Feb 2012 10:47:35 +0000

[...] ▶float을 clear하는 4가지 방법 [...]

박찬영 — Tue, 27 Dec 2011 05:05:33 +0000

하나 명심해야 할 것은

ELEMENT:after 를 쓰실때

ELEMENT 대상이 되는 DIV에는 float 속성이 있어선 안됩니다.
Float 이 설정되어있지 않는 DIV에 :after 를 걸어주세요

정찬명 — Mon, 05 Dec 2011 15:10:49 +0000

@이햐
display:inline-block 요소는 우측에 4px 공백 발생하는것 유념 하시구요. ^^

이햐 — Wed, 30 Nov 2011 08:27:31 +0000

float을 display:inline-block 으로 clear 하는 방법,
이것 덕분에 바로 해결되었어요~ 감사합니다!!!

kairi — Tue, 04 Oct 2011 08:50:07 +0000

죄솝합니다.. 스크랩 해가면서 글을 못남겼네요.. ㅡㅡ;
핑계지만 댓글쓰는곳을 못찾았다는 …

아무튼 너무 도움이 되는 자료고요, 담아갈께요..

13장 플롯(float) – 웹퍼블리셔 보이블로그 — Sun, 11 Sep 2011 05:00:19 +0000

[...] float를 clar하는 4가지 방법 바로가기 [...]

meat — Thu, 12 May 2011 06:29:03 +0000

정말 필요한 정보였는데 감사합니다. 학생이라 하나 더 배우고 가네요!

송이 — Fri, 11 Mar 2011 14:46:50 +0000

현재 우리 회사에서 일하시는 퍼블리셔분들은 빈 엘리먼트를 추가하여 float을 clear하는 방법을 많이 쓰시더라구요..
그 방법이 최적의 방법이 아니라는 것을 어느정도 인지한다고 해도 막상 가상선택자가 아직 익숙치않아 그런것이라 생각됩니다.

찬명님의 이 글을 함께 보면 좋을 것 같아요 ^^

좋은 글 잘 보고 갑니다.