감싸고 있는 Div height가 없습니다.

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
댓글 게시
ppark
게시물: 1
참여됨: 2007 11 21 19:18 33
연락:

감싸고 있는 Div height가 없습니다.

게시물 작성자 ppark » 2007 11 21 19:23 20

<DOCTYPE>
<html>
<head>
<meta>
<title>Test Page</title>
<style>
body, td, input, textarea, select, div
{
font-family :'Malgun Gothic';
margin: 0;
padding: 0;
color : #222;
}
#favmain
{
width: 504px;
margin: 0 auto;
border: 3px solid #000;
}
#top1, #top2, #top3
{
height: 200px;
width: 500px;
position: absolute;
}
#top1
{
top: 20px;
border: 2px solid #000;
}

#top2
{
top: 200px;
border: 2px solid #00f;
}

#top3
{
top: 60px;
border: 2px solid #0f0;
}
</style>
</head>
<body>
<div><div>
</div><div>
</div><div>
</div>
</div>
</body>
</html>

위의 코드에서 top1, 2, 3은 position absolute로 두면 favmain div의 height가 0이 됩니다. 어느 부분을 해결 해야 할지 모르겠습니다. 좀 도와 주십시오.

유저 아바타
겨미겨미
게시물: 13
참여됨: 2007 04 25 04:07 06
위치: 서울-관악
연락:

게시물 작성자 겨미겨미 » 2007 11 28 10:16 32

position: absolute된 element는 부모 element의 크기에 영향을 주지 못합니다.
부모 element의 height를 지정해주시거나 제일 긴 (아랫쪽의) element는 다른 방식으로 넣어주셔야 할 것 같습니다.

댓글 게시

누군가 접속

유저들이 이 포럼을 탐색중: 가입된 유저 없음 그리고 4 손님들