IE6 브라우저에서 div 높이 설정 방법
건의: 가능한 한 손으로 쓰는 코드는 학습 효율과 깊이를 효과적으로 높일 수 있다.
IE6 브라우저에서, 우리는div의 높이를 마음대로 설정할 수 없습니다. IE6 브라우저에서div의 높이는 글꼴 크기와 연결된 것 같습니다. 글꼴의 크기를 설정하지 않으면 12px보다 작은 자까지 설정할 수 없습니다.예를 들면 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title> </title>
<style type="text/css">
.mytest{
width:100px;
height:5px;
border:1px solid red;
}
</style>
</head>
<body>
<div class="mytest"></div>
</body>
</html>
이상은 코드가 표준 브라우저에서는 정상이지만 IE6 브라우저에서는 div 높이를 5px로 설정할 수 없습니다. 높이는 여전히 12px입니다.해결 방법은div의 글꼴 크기를 0px로 설정하면 더 작은 높이를 설정할 수 있지만 최소 높이는 2px까지만 설정할 수 있다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title> </title>
<style type="text/css">
.mytest{
width:100px;
height:1px;
border:1px solid red;
font-size:0px;
}
</style>
</head>
<body>
<div class="mytest"></div>
</body>
</html>
IE6에서 div의 높이를 마음대로 설정할 수 있도록 하려면 오버플로우:hidden을 추가해야 합니다.예를 들면 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title> </title>
<style type="text/css">
.mytest{
width:100px;
height:1px;
border:1px solid red;
font-size:0px;
overflow:hidden;
}
</style>
</head>
<body>
<div class="mytest"></div>
</body>
</html>
상기 코드는div의 높이를 마음대로 설정할 수 있습니다.
원래 주소:http://www.51texiao.cn/div_cssjiaocheng/2015/0429/415.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.