display:inline;
새난
#ctbodysub { width:848px; _width:850px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; overflow:hidden; }
/* layout sub left */
#layoutsubleft {
display:inline;
float:left;
width:149px; _width:150;
background:#f9f9f9;
border-right:1px solid #ddd;
}
/* layout sub right */
#layoutsubright {
position:relative;
float:left;
width:686px; _width:698;
padding:6px;
}
!-- centernts start --
div id=ctbodysub
div id=layoutsubleft
br
/div
div id=layoutsubright
rrr brrrr brrrr brrrr
brrrr brrrr brrrr
brrrr brrrr brrrr
brrrr
brrrr brrrr brrrr
brrrr brrrr
brrrr brrrr brrrr
/div
/div
왼쪽 layoutsubleft 높이가 오른쪽 layoutsubright컨텐츠 증가에 따라 유동적이지 않습니다.
뭐가 문제 일까요?
-
거울
#ctBodySub에 백그라운드 이미지넣어도 해결되겠군요
답변 감사합니다. -
큰아
원래 유동적이지 않습니다.
높이는 상속 받지 않고 단독으로 움직입니다.
하지만 child의 녀석이 커지면 parent는 커지죠
display:inline은 inline가 아닌녀석을(block) inline으로 만드는것입니다.
float는 block을 정렬시킬때 사용합니다.
고로 css에서 모순을 발견하실수있습니다.
right의 높이를 가져오려면 left안에 right를 잡아 넣어주시거나 script를 사용하시면됩니다.