CSS 개요는 요소의 맨 아래에만 나타 납니까?

Question

아래 예제에서 빨간색 윤곽선이 아래쪽에만 나타나는 이유는 무엇입니까? 이미 몇 가지 변경 작업을 수행했지만 문제가 남아 있습니다. 살펴보기 : http://jsfiddle.net/ny48t/3/

Answer 1

다른 세면은 창 밖으로 나옵니다.

Answer 2

개요는 여백으로 정의 된 내부 직사각형의 외부 으로 그려집니다. 이 경우 요소가 렌더링 할 수 있고 "페이지에서 벗어난"보이는 공간 인 외부의입니다.

여백 (예 : 5px)을 추가하면 나머지 윤곽선이 표시됩니다.

Answer 3

국경의 나머지 부분을 볼 수 있도록 주위에 여백이 필요합니다. 브라우저 창은 그렇지 않으면 잘라냅니다.

margin: 5px;