저음 믹싱을 암호 해독

Question

내가 곧 참여할 진행중인 프로젝트의 코드 기반을 잘 알고 있습니다. 나는 자주 사용되는이 믹스 인을 보았고 몇 가지 질문이 있습니다.
1. 이것은 상당히 표준적인 관행이나 CSS 관용구이며 아직 익숙하지 않습니다.
2. clearfix의 pseudo 요소 다음에 빈 공간을 추가하는 것처럼 보이지만 왜 삽입 하나? 전에도 역시?

@mixin container 
    &:before, &:after 
    content: "" 
    display: table 
&:after 
    clear: both 
    *zoom: 1 

분명히 내가 가입 할 때 팀을 기다릴 수는 있지만 지금은 알고 싶다! 또한, 내가 익숙해야하는 숙어라면, 어쩌면 그 전에도 할 일이있을 것이다. 감사합니다.

Answer 1

당신은 Nicolas Gallagher ("http://nicolasgallagher.com/micro-clearfix-hack/")의 "마이크로 클리어 픽스"를보고 있습니다.

이 "마이크로 clearfix는"의사 요소를 생성하고 테이블에 자신의 디스플레이 을 설정 : 다음과 같이 :before 뒤에 설명입니다. 이렇게하면 : 익명의 테이블 셀과 새로운 블록 형식화 컨텍스트가 만들어지며 : before 의사 요소가 위쪽 여백 붕괴를 방지합니다. : after 의사 요소는 수레를 지우는 데 사용됩니다. 결과적으로 생성 된 내용을 숨길 필요가없고 및 필요한 총 코드 수가 줄어 듭니다.

: before 선택기를 사용하면 부동 소수점을 지울 필요가 없으므로 이지만 최신 브라우저에서는 상단 여백이 접히지 않습니다.