relative와 부모의 높이값
사랑해
책을 보다 궁금한 점이 있어서요.
style type=text/css
*{margin:0; padding:0;}
body{font:12px Gulim; }
#box{width:550px; background:yellow;}
p{width:130px; height:80px; padding:10px; color:#FFF;}
.blue{background:blue; position:relative; top:50px; left:30px;}
/style
/head
body
div id=box
p class=bluebox/p
/div
/body
----------------------------------------------------하면 이런 결과가 나오는데요. relative에 50픽셀씩 이동했으니 자기 자리에서 이동해서 이런 결과가 당연히 나온다는 건
알겠는데
부모 #box의 height값이 box와 같이 왔다 갔다 유동적으로 될수는 없나요?
만약에 이런 화면에서 float 쓰지 않고 position을 쓴 상태에서 될수는 없나요?
알려주심 감사하겠습니다.
-
Judicious
#box {position:relative; height:100%; background:yellow;}
p {width:130px; height:80px; color:#FFF; background:blue; position:absolute; top:0px; left:50px;}
#box를 렐리티브를 줘서 부모로 잡아주고 height:100%;
p에 앱솔루트를 주고 높이값을 p의 높이값에 따라 #box의 배경도 늘어날 줄알았는데
#box에 배경이 아에 -
민아
음... position으로는 안되는 거군요.. 알겠습니다.....
-
내꺼
구지 포지션을 쓸게 아니라 마진으로 쓰시면 됩니다.
-
총알탄
안될꺼같은데요.