편집을 취소할 수 있습니다. 이 편집을 되돌리려면 아래의 바뀐 내용을 확인한 후 게시해주세요.
최신판 | 당신의 편집 | ||
26번째 줄: | 26번째 줄: | ||
} | } | ||
.box-static { | .box-static { | ||
left: 30px; top: 30px; | |||
position: static; | position: static; | ||
background-color: red; | background-color: red; | ||
} | } | ||
.box-relative { | .box-relative { | ||
left: 30px; top: 30px; | |||
position: relative; | position: relative; | ||
background-color: orange; | background-color: orange; | ||
} | } | ||
.box-absolute { | .box-absolute { | ||
left: 200px; top: 30px; | |||
position: absolute; | position: absolute; | ||
background-color: yellow; | background-color: yellow; | ||
} | } | ||
.box-fixed { | .box-fixed { | ||
left: 300px; top: 30px; | |||
position: fixed; | position: fixed; | ||
background-color: green; | background-color: green; | ||
} | } |