Chrome의 기본 스타일 시트를 이해하려고합니다.
이 html이있는 경우 :
<body><h1>Hello</h1></body>
기본적으로 <body>
태그는이 margin
의 8px
, 그리고 <h1>
태그는 기본이 -webkit-margin-before
의 0.67 em
에 온다 21.44px
. 그러면 <h1>
태그가 21.44px
여백 을 무시하는 것처럼 보이는 이유는 무엇 입니까? 마진 축소 규칙은 두 마진 중 더 큰 값을 가져야합니다.
감사!
쿼크 모드에서 여백 축소는 다양한 상황에서 다르게 작동합니다. 당신의 예에서의 첫 번째 자식의 기본 상단 여백 body
이 같은 기본 마진을 가지고 p
하거나 h1
, 무시됩니다. Chrome이 -webkit-margin-collapse
속성을 통해이 동작을 구현한다고 생각 합니다 (제목에 언급 된대로). 대신 Firefox는 대부분의 body > :-moz-first-node
요소 의 상단 여백을 제로화합니다 (quirk.css 참조).
DOCTYPE을 포함하면 예상되는 동작이 표시됩니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다