즉, CSS 호환성 예제에 대한 자세한 설명

1. 사이드바를 만들 때 li의 요소를 부동화합니다. ie6/7에서 li 사이에 4px 간격이 있습니다.

해결책: li 정렬 속성 아래에 수직을 추가합니다. 위쪽, 아래쪽, 중간일 수 있습니다.

확장: 수직 정렬 속성은 수직 중앙 정렬이며 일반적으로 테이블 셀과 함께 사용되지만 ie6/7 호환성을 위한 솔루션은 없습니다.

2. 참고: 요소가 부동된 후에는 IE6/7에서 margin-bottom이 무효화됩니다. 개발 과정에서 margin-bottom 사용에 주의하세요.

3. 클리어 플로팅 클리어픽스(역사상 가장 발전된 방법으로 IE와 호환됨):

.clearfix:after{

content=””;

디스플레이 :block ;

높이:0;

line-height:0px;

clear:both;

가시성:hidden;

}

.clearfix{

     Zoom:1;

}

오늘 정리하고 나중에 천천히 개선해보도록 할게요, 헤헤...

위 내용은 즉, CSS 호환성 예제에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!