2009-12-27 1 views
24

"inspect mode"에서 Firebug를 사용하고 마우스가 html table 요소 위로 마우스를 가져 가면 파이어 폭스를 사용하여 보았던 다른 모든 요소와 마찬가지로 내 테이블의 보이는 내용이 파란색으로 강조 표시됩니다. 그러나 노란색에 강조 표시되는 테이블 바로 아래 (마지막 행을 지나서) 영역도 있습니다. 아무도 그게 무엇인지 알고 있습니까? 공간이 이 아닌이되도록 테이블의 스타일을 지정하고 싶습니다. 어떤 통찰력방화 녀가있는 페이지를 검사 할 때 강조 표시된 요소 아래의 노란색 영역은 무엇입니까?

라라

답변

24

그것은 margin 값의 대한

많은 감사합니다. 검사기의 스타일을 확인하십시오. 스타일 시트보기에서 설정을 가져온 스타일 시트와 라인을 다시 추적하여 변경할 수 있어야합니다.

+1

즉, 'table'은 margin-bottom 또는 padding-bottom으로 설정되어 있습니다. –

+0

나머지 1 %는 무엇입니까? – Gumbo

+0

'position : relative' 및'left// top '값으로 인한 이동이 색상에도 반영되었지만 틀릴 수도 있다고 생각했습니다. –

5

노란색 영역은 여백을 나타냅니다.

난 아무데도 모든 문서를 찾을 수 없습니다
24

는하지만, 참조를 위해, 나는 경험적으로 발견했습니다 W3C의 상자 모델 요소의 폭과 높이 또한

| Margin | Yellow  | 
| Border | Brown  | 
| Padding | Violet  | 
| Content | Light Blue | 

콘텐츠의 폭을 제공합니다 여백, 경계 및 패딩을 제외한 상자의

관련 문제