"html"과 "body"모두에 대한 CSS 속성

지금까지 꽤 많이 보았습니다. 사람들이 전체 창/문서에 CSS 속성을 할당 할 때, 그들은 때때로"html"과 "body"모두에 대한 CSS 속성

html, body { 
    myCSSProperty: someValue; 
}

예를 들어, 내가 here을 받아 대답을 참조하거나 this article를 참조 할. html 및 body 모두 CSS 속성을 지정하면 내가 궁금

모든 브라우저, 순전히 심리적 인 것, 태그 html 및 body, 또는 다른 무언가의 일반적인 오해 또는 오해에 필요한 브라우저 버그를 극복하는 것입니다.

CSS 속성을 html 또는 body 또는 둘 다로 지정해야하는 경우와 구체적인 예와 설명을 구분할 수있는 사람이 나에게 상황을 알려줄 수 있다면 기쁠 것입니다.

출처

2011-10-18 Randomblue

예를 들어 'height'는 부모 요소와 관련되어 있기 때문에 양쪽 모두에 할당해야합니다. 그렇게하면 전체 뷰포트로 확장 할 수 있습니다. – knittl

다음과 같은 명백한 쿼리를 사용하여 많은 유용한 정보를 검색 할 수 있습니다. http://www.google.com/search?q=html+vs+body+css –

@Iburbur : 흥미롭게도 작년의 많은 관련 결과가 아닙니다. http://www.google.co.uk/search?q=HTML+vs+BODY&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en- GB : 공인 및 출력 = 검색 및 출처 = lnt & tbs = qdr : y & sa = X & ei = suKdTrKTG82aOo3uwfgI & ved = 0CAsQpwUoBQ & bav = 공식 및 클라이언트 = firefox-a # q = HTML + vs + BODY & hl = on.2, or.r_gc.r_pw.r_cp., cf.osb & fp = 6266eee4fc2b1327 & biw = 1271 & bih = 652 검색에 사용 된 기사는 스크롤바 색상 속성과 같은 항목에 대해 꽤 오래된 이야기입니다. – Randomblue

This article에는 CSS 측면에서 <html> 및 <body> 태그에 대한 유용한 정보가 있습니다. 그것의 단편은 이것이 (문서의 상단에서 찍은 사진)이다

htmlbody 및 요소 부모/자식 관계로 별개 블록 레벨 엔티티.
html 요소의 높이와 너비는 브라우저 창에서 제어합니다.
html 요소는 (기본값) overflow:auto이며 필요에 따라 스크롤바가 나타납니다.
body 요소는 (기본값) position:static이며,이 요소의 위치 지정된 하위 요소는 html 요소의 좌표계를 기준으로 배치됩니다. 거의 모든 최신 브라우저에서
는 페이지의 가장자리에서 오프셋 내장은 html 요소의 body 요소에 margin을 통해 하지padding 적용됩니다.

출처

2011-10-18 20:44:03

"html"과 "body"모두에 대한 CSS 속성

답변

관련 문제