본문 바로가기

on&on

검색하기
on&on
프로필사진 다느

  • 분류 전체보기 (27)
    • HTML|CSS (1)
    • Javascript (4)
    • React (12)
    • Algorithm (2)
    • Web (4)
    • 에러일지 (1)
    • Network (3)
Guestbook
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Recent Posts
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록HTML|CSS (1)

on&on

[CSS] position, float 이제는 알고 쓰자!

✔️ position position : static position의 default value html에 쓴 태그 순으로 정상적인 흐름에 따라 위치 지정 position : relative 원래 자신이 있어야 하는 위치에 상대적이다. 자신이 있던 자리를 기억하는 요소 position: relative; left: 50px; → 본인의 static 자리에서 왼쪽으로 50px 이동 자신이 원래 있어야 할 위치를 기준으로 자리를 잡기 때문에, 그 뒤에 오는 형제 요소들은 부모 요소의 자리를 침범하지 않고 따라오게 된다. position : absolute 절대값을 주기 위해 사용 화면 전체를 기준으로 요소 이동 position: absolute; top: 20px; right: 30px; → 오른쪽 상단에 ..

HTML|CSS 2022. 11. 19. 20:53
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.