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

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

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

Post by ppark »

<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이 됩니다. 어느 부분을 해결 해야 할지 모르겠습니다. 좀 도와 주십시오.
겨미겨미
Posts: 13
Joined: 2007 04 25 04:07 06
Location: 서울-관악
Contact:

Post by 겨미겨미 »

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

Who is online

Users browsing this forum: Ahrefs [Bot] and 1 guest