왜 아버지

왜 아버지 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] <div>와 <span>

웹 페이지에서 공간을 분할하는 것은 중요합니다. 문서 구조를 쉽게 파악할 뿐만 아니라, 문제가 생기면 해당 부분만 건드리면 되기 때문이죠. 또한 분할을 하면 태그를 관리하기가 쉬워집니다. 웹 페이지의 공간을 분할 한...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

왜 아버지

좋은 웹페이지 즐겨찾기