Ella 프론트엔드일지

  • 홈

postion 1

CSS) position:absolute; 심화 과정

🙌잘못된 정보는 댓글피드백 환영입니다.🙌 출처 : 멋쟁이사자처럼 빔캠프 대표님 특강 中 수업자료 일부 발췌 position:relative; 는 자기자신을 기준으로 배치 position:relative; 는 relative 된 가장 가까운 부모요소로 배치된다는 것은 position 공부를 해본사람이라면 다 알고있는 상식일 것이다. ➡️그런데, 만약에 relative 없이 단순히 position:absolute; 만 하면 어떻게 될까???? - 아래와 같이 pos의 부모요소인 아부지 하얀색 background가 있고, 아부지의 또 부모요소인 회색 할아부지 background가 있고 진한 회색인 전체창이있다. pos 에 orange;컬러만 주면, width 값이 설정되지 않았으니 부모요소인 아버지 width..

프론트엔드 개발/CSS 2022.09.23
이전
1
다음
더보기
프로필사진

적지 않으면 병이 생기는 주인장 || 스크롤 압박 굉장히 좋아함 || 파고드는 드릴다운을 좋아함

  • 분류 전체보기 (147)
    • 주인장 소개 (2)
    • 컴퓨터 기초 지식 (4)
      • 네트워크 (2)
    • 프론트엔드 개발 (94)
      • html (3)
      • CSS (15)
      • JavaScript (35)
      • React (25)
      • Typescript (7)
      • Next.js (1)
      • Git&GitHub (1)
      • vue (1)
    • 수학 (0)
    • IT 산업&뉴스 (0)
    • 알고리즘 테스트 (5)
    • 개발 외부활동 (1)
    • 프로젝트 이모저모 (24)
      • HoduMarket 프로젝트 (18)
      • interactive web (0)
    • [멋쟁이사자처럼]프론트엔드스쿨 3기 (16)

Tag

프론트엔드, postion, grid-template, Flex, margin:0 auto;, css속성, margin_collapsing, 배열반복, 프리온보딩, 마진병합현상, 프론트엔드스쿨, 멋쟁이사자처럼, 프론트엔드스쿨3기, 프론트엔드개발, Sass변수지정, 리액트, css가운데정렬, margin, 부트캠프회고, CSS,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Copyright © Kakao Corp. All rights reserved.

티스토리툴바