CSS ie8, 파이어 폭스, i e 6에서 호환성 사용 패딩

중국 의미 패딩 CSS Div, p, 범위 및 다른 창 콘텐츠 여백 의미 간격, 사방, 패딩-패딩-오른쪽 패딩-하단의 패딩 왼쪽으로 구분 하지만 다른 브라우저에서 패딩,이 글은 이러한 비 호환성을 해결 하기 위해 당신에 게.
-
CSS 속성 패딩 요소의 내부 여백을 정의 합니다. Padding 속성 길이 나 백분율 값을 허용 하지만 음수 값은 사용할 수 없습니다.

예를 들어 당신이 원하는 모든 H1 요소를 양쪽에 내부 여백을 10 픽셀,이 경우 모두 당신이 필요:

h1 {여백: 10px} 위쪽, 오른쪽, 아래쪽, 및 각 가장자리에 대 한 다른 단위 또는 백분율 값으로 왼쪽 순서로 각 가장자리의 안쪽 여백을 설정할 수 있습니다.

코드는 다음과 같습니다.
H1 {여백: 10px 0.25em 2ex 20%;}

이제는 FF, IE8, i e 6에서 다른 안쪽 여백 값을 설정 한다고 가정
첫 번째 고려 사항은 이다 ff로 아래의 값

코드는 다음과 같습니다.
. 여백: 10px 테스트

I e 8에서 가치를 고려 하십시오.

코드는 다음과 같습니다.
. 테스트 {여백: 10px; * padding: 9px}

마지막으로 i e 6에서 가치를 고려

코드는 다음과 같습니다.
. 테스트 {여백: 10px; * padding: 9px; _padding:8px}

그거에요.
호환성, 먼저 고려 FF, 오페라이 브라우저, 하 고 마지막으로 i e 6을 고려 하십시오.
받아 예를 들어, IE8, i e 6는 인식 될 수 있다 *, 하지만 FF는 인식 되지 않습니다.
그래서 * IE8 할 해킹, 및 FF와 i e 8에서 _ 인식 되지 않습니다, 단지 6으로 인식할 수 있다, 그래서 _ 마 6으로 해킹

우리는 안쪽 여백에 대 한 이야기.

단면 내부 여백 속성
설정할 수 있습니다 최대, 오른쪽, 아래, 그리고 다음과 같은 네 가지 별도 속성을 사용 하 여 Zonne 여백:

코드는 다음과 같습니다.
여백-가기
여백-오른쪽
패딩-하단
여백-왼쪽

당신이 생각 할 수 있습니다, 다음 규칙 구현 효과 정확 하 게 동일 하 이전 속기 규칙으로:

코드는 다음과 같습니다.
H1 없음
여백-가기: 10px;
여백-오른쪽: 0.25em;
여백-하단: 2ex;
여백-왼쪽: 20%;
}

브라우저 지원
모든 브라우저는 Padding 속성을 지원합니다.

참고: 속성 값 "상속"는 인터넷 익스플로러 (IE8 포함)의 모든 버전에 대 한 지원 되지 않습니다.