본문 바로가기

G's days

검색하기
G's days
프로필사진 Hi☆G

  • 분류 전체보기 (41)
    • 일지 (13)
    • 프로그래밍 공부 (21)
      • 자바스크립트 (0)
      • Html, CSS (8)
      • JAVA (0)
      • JSP (3)
      • [강의] javascript 비기너 (1)
      • 용어 (6)
    • CS 공부 (0)
      • 네트워크 (0)
      • 자료구조 (0)
    • 유용한 참고사이트 (4)
    • 질문들 (0)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2025/06   »
일 월 화 수 목 금 토
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
Tags
  • html
  • Display
  • css호환성
  • Sticky
  • fixed
  • caniuse
  • relative
  • Absolute
  • position
  • 1)
  • css
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록position (1)

G's days

내가 보려고 만든 position 완전히 이해하기

position 사용하기 position:relative; top:0px; left:0px; -> 0px 만큼 이동한다. position의 종류 position : static default. HTML에 적힌 순서대로 나타남 실제로 적지는 않음 position : relative 원래 있어야할 자리에서부터 움직임 자신이 담겨 있는 박스의 margin, padding에 영향을 받음 *z-index를 적용하기 위한 용도로 써주기도 한다. position : absolute 자신이 담겨 있는 (가장가까운상위)박스의 (0,0)에서부터 움직임 자신이 담겨 있는 박스의 margin, padding에 영향을 받지 X (담겨 있는 박스 경계선 안에서 떠있다) position : fixed 스크롤해도 고정됨 상위 태그와..

프로그래밍 공부/Html, CSS 2021. 5. 22. 13:29
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바