IE6 에서 CSS 를 사용 하여 DIV 높이 를 정의 하 는 효과 적 인 방법
IE6 에서 CSS 로 DIV 높이 를 정의 하 는 방법 에 대해 알 고 있 는 지,여기 서 여러분 과 공유 하 겠 습 니 다.본 고 를 통 해 IE6 에서 CSS 로 DIV 높이 를 정의 하 는 방법 에 대해 깊 은 인식 을 가지 게 될 것 이 라 고 믿 습 니 다.
IE6 에서 CSS 가 DIV 높이 를 정의 하 는 문제
IE6 의 기본 글꼴 사 이 즈 는 대략 12–14px 사이 입 니 다.이 기본 값 보다 작은 DIV 를 정의 하려 고 할 때 IE 는 이 층 의 높이 가 글꼴 의 줄 보다 작 으 면 안 된다 고 고집 합 니 다.그래서 당신 이 height:4px 를 사용 하 더 라 도;DIV 의 높이 를 정 의 했 습 니 다.실제 IE 에서 보 여 주 는 것 은 12px 정도 의 높이 의 층 입 니 다.overflow:hidden 을 추가 하여 문 제 를 해결 합 니 다.
＜div style=”height:4px;overflow:hidden;”>＜/div>IE6 에서 CSS 를 사용 하여 DIV 의 높이 를 정의 할 때 자주 이 문 제 를 겪 는 다.바로 DIV 의 최소 높이 가 일정한 값 보다 작 으 면 아무리 최소 높이 를 설정 해도 Div 의 높이 는 한 값 에 고정 되 어 더 이상 변동 이 일어나 지 않 는 다 는 것 을 알 게 될 것 이다.이 문 제 는 매우 번거롭다.아래 의 상황 과 같다.
<html>
<head>
<title> </title>
<style type="text/css">
<!--#testdiv{background:#009900;height:3px;}-->
</style>
</head>
<body>
<div id="testdiv"> </div>
</body>
</html> 이것 은 IE6 에서 시스템 의 기본 적 인 높이 는 Div 가 기본 적 인 높이 가 아니 라 숨겨 진 매개 변 수 를 해결 하지 못 했 기 때 문 입 니 다.font-size 입 니 다.이것 은 ie6 에서 Div 속성 중의 font-size 크기 는 시스템 css 에서 정의 한 font-size 와 매우 큰 관계 가 있 기 때문에 이 Div 의 font-size 만 정의 해 야 이 문 제 를 해결 할 수 있 습 니 다.변 경 된 코드 는 다음 과 같다.
<html>
<head>
<title> </title>
<style type="text/css">
<!--#testdiv{background:#009900;height:3px;font-size:0px;}-->
</style>
</head>
<body>
<div id="testdiv"> </div>
</body>
</html> 전송 주소:http://developer.51cto.com/art/201008/220172.htm
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다른 사람의 웹사이트 편집: contenteditable 및 designMode그래도 우리가 그렇게 할 수 있다고 생각하는 것은 멋진 일입니다. 제가 강조하고 싶었던 일종의 관련 API가 실제로 몇 개 있기 때문에 오늘 그것을 가져왔습니다. contenteditable는 "true" 값이 할당...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
