position에 대해서..
무지개
!doctype html
html lang=ko
head
meta charset=utf-8
titleBugTest/title
style
#container {position:relative;background:#f1f1f1;width:300px;height:200px;}
#container div a {width:150px;color:#fff;display:block;text-align:center;line-height:40px;}
#container div {position:absolute;top:10px;left:10px}
#container div.redBox {background:red;}
#container div.greenBox {background:green;position:absolute;bottom:10px;right:10px}
/style
/head
body
div id=container
div class=redBox
a href=#Red/a
/div
div class=greenBox
a href=#Green/a
/div
/div
/body
/html
제가 원하는 것은 그림처럼#container안의 모든 박스가 왼쪽상단정렬되다가
greenBox만 오른쪽하단정렬되도록 하려고 합니다.
기존에 top과 left가 지정된 값을 리셋할 수 있는 방법이 없을까요?
지정된 값에 bottom과 right을 줘보니 박스가 늘어나기만 하네요.
클래스명을 따로주면 적용이 되긴하겠지만 특정한 클래스명만 위치값을 바꿨음하는데...
이런방법이 있을지 궁금해서 올립니다.
-
루나
auto 배워갑니다
-
란새
큭 여기에도 auto가 적용되는군요
-
멈짓체
되네요^^ 완전감사해요!! 전 top:none를 써대고 고민했었는데 auto는 생각도 못했네요 ㄳㄳ
-
김애교
top:auto; left:auto; bottom:10px; right:10px; 하시면 될거 같아요.
자동완성에 속성값이 auto가 나오면 거의 대부분이 auto가 초기값 이라고 생각하시면 됩니당 -0-;;; -
계획자
제가 아는 상식내에서는 리셋은 안되구요. left와 top값을 레드박스에만 주세요