야후 사용자 인터페이스 블로그 (YUIBlog)

  . clearfix : 전에,
 . clearfix : {후
   내용 :; "."    
   디스플레이 : 블록;    
   높이 : 0;    
   오버플로우 : 숨겨진;	
 }
 . clearfix : 후 {취소 : 모두;}
 . clearfix {줌 : 1;} / * IE <8 * / 

  디스플레이 : 인라인 블록;
 폭 : <any 명시적 value>; 

12 코멘트 »

이 게시물에 덧글에 대한 RSS 피드.

1. 숨겨진 demystification : 오버플로 주셔서 감사합니다. 내 기본 "clearfix '솔루션으로 숨겨져 있지만, 가끔 때문에 절대적으로 상자 밖에서 위치 요소 (또는 내가가 있다고 생각) 다른 한쪽을 골라야 : 나는 오버플로를 사용하는 경향이 있습니다. 지금은 그것이 내가 생각했던 것보다 subtler 알아.

   표시 : 표도 작동하지만 다음 위치 사용할 수 없습니다 : 그 요소에 친척.

   에 의해 코멘트 플로랑 V. - 2010년 9월 27일 #

2. 이것은 좋은 지점입니다. 테이블 표시 : 테이블 셀이 제한 인식하지 못합니다 나는 디스플레이를 사용하는 많은 사람들이 확신 해요.

   의견을 보내주셔서 감사합니다.

   에 의해 코멘트 티에리 Koblentz - 2010년 9월 28일 #

3. IE8 IE6, IE7, 귀하의 '더 나은 대안'작품을합니까?

   에 의해 코멘트 호르헤 Epuñan - 2010년 9월 30일 #

4. @ 호르헤

   네, 그것 않으며, 실제로는 IE 5.0에서 작동 +

   논리는 "인라인 블록"IE 8과 다른 현대적인 브라우저에서 블록 서식 컨텍스트를 생성하는 동안 즉, 5,6,7의 명시적인 폭이 hasLayout을 실행한다는 것입니다.

   너비 상자 "인라인 블록"수축 포장과 같은 스타일의 이후 상황이 있지만 전반적으로 작동하도록하는 열쇠입니다.

   기사 말하는 이유는 : "당신이 수레를 포함하는 요소에 너비를 적용할 수있다면 ..."

   에 의해 코멘트 티에리 Koblentz - 2010년 10월 1일 #

5. 디스플레이를 사용을 가지고 놀았 : 인라인 블록 및 너비를하지만, 어떤 버그를 발견했습니다.

   divs 사이에 공백이있다면 그것은 divs 사이에 공백으로 보여주 것입니다.
   수직 정렬은 지옥이다. @ 티에리 어떻게 그것을 사용합니까?

   여기 내 시도 살펴보세요 http://jsfiddle.net/UZr7L/을

   에 의해 코멘트 마이클 Lajlev - 2010년 10월 10일 #

6. @ 마이클

   나는 형제 자매 (적어도 레이아웃) 요소에 사용할 수 있지만, 당신이 겪고있는 일은 버그되지 않습니다하지 않습니다.
   YUI 3 그리드는 문자 간격과 단어 간격 (음수 값)를 사용하여이 다룹니다.

   에 의해 코멘트 티에리 Koblentz - 2010년 10월 11일 #

7. 다음 부패하기 쉬운 프레스이 댓글을 내가 그래서 위의 clearfix 규칙을이 업데이 트에 오타가 있었 것으로 나타났습니다.
   숨겨진 아니라 가시 : 숨겨진 다른 방법과는 달리, 그것은 오버플로를 사용합니다.

   덕분에 대런 문제를 제기에 대해 :)

   에 의해 코멘트 티에리 Koblentz - 2010년 10월 22일 #

8. 분명히, 사용 content: "020" clearfix에 대한 것은 훨씬

   unwiredbrain에 의해 코멘트 - 2010년 10월 28일 #

9. 아야! 워드 프레스는 내 코드를 씹어 댔다고!

   정말이지 content: " backslash zero zero two zero "

   unwiredbrain에 의해 코멘트 - 2010년 10월 28일 #

10. @ unwiredbrain

    당신은 "가시 : 숨겨진 '를 사용하는 기술을 언급하지만, 내가 사용하고하는 것은'오버플로 : 숨겨진"입니다 그래서 아무런 차이를해서는 안됩니다.

    여러분의 의견을 보내주셔서 감사합니다

    에 의해 코멘트 티에리 Koblentz - 2010년 10월 28일 #

11. 오. 나는 두 혼란이 있어야합니다. 그것에 대해 죄송합니다.

    unwiredbrain에 의해 코멘트 - 2010년 10월 28일 #

12. 건방진. 나는 HTML5의 상용구의 일환으로 지금은 모든 프로젝트에서이 작업을 사용합니다. 나는 상용구를 모두 사용하지 않지만. clearfix 항상 유용합니다. 감사합니다!

    에 의해 코멘트 YJ - 2011년 5월 10일 #

코멘트를 남겨