왜 아버지
10912 단어 div
일반적인 상황에서 부모 대상이 높이를 설정하지 않으면 하위 대상은 하위 대상을 펼 수 있지만 하위 대상이 부동하고 부동을 지우지 않으면 IE8이나 FF 브라우저에서 부모 대상은 펼 수 없고 IE6에서 펼 수 있다.
코드 인스턴스:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title> </title>
<style type="text/css">
.parent{
border:1px solid red;
width:500px;
}
.first,.second{
float:left;
height:100px;
width:100px;
border:1px solid blue
}
</style>
</head>
<body>
<div class="parent">
<div class="first"></div>
<div class="second"></div>
</div>
</body>
</html>위 코드는 IE6 아래에서 부모div를 펼 수 있지만 IE8 또는 FF 브라우저에서는 펼칠 수 없습니다.해결 방법은 부동을 제거하는 것이다.코드는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title> </title>
<style type="text/css">
.parent{
border:1px solid red;
width:500px;
overflow:hidden
}
.first,.second{
float:left;
height:100px;
width:100px;
border:1px solid blue
}
</style>
</head>
<body>
<div class="parent">
<div class="first"></div>
<div class="second"></div>
</div>
</body>
</html>원래 주소:http://www.51texiao.cn/div_cssjiaocheng/2015/0519/1891.html
원래 주소는 다음과 같습니다.http://www.softwhy.com/forum.php?mod=viewthread&tid=4699
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
🧙🏼 HTML 구조를 나타내는 요소: 컨텐츠 분할 요소 : 블록 레벨 요소 : 플로우 콘텐츠를 위한 통용 컨테이너 (순수 컨테이너로서 아무것도 표현안함) : 인라인 컨테이너 : 인라인 레벨 요소 🌵 span (인라인 요소) vs div(블록 요소) ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
