css가운데정렬 2

CSS) position:absolute; 심화 과정

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

css) margin:0 auto; 가운데 정렬이 되지 않을 때

🙌틀린 정보는 댓글 피드백 환영 합니다!🙌 더보기 출처 : https://heinafantasy.com/163 ✅margin: 0 auto; 1) 해당영역에 가로사이즈(width)값이 정해져있는지 보자! auto 는 자동으로 사이즈를 설정해주는 것, 즉 좌우의 여백을 똑같이 배분하게 되는 것 그래서 브라우저 화면 가운데에 위치하게 된다. 그런데 width값을 지정해주지 않으면 가운데 정렬이 되지 않는다. 좌우의 여백을 똑같이 나눠서 가운데 정렬이 되는 원리인데, width값을 정해주지 않으면 여백의 공간이 없으니까! 즉, 사용가능한 공간이 없어서 가운데 정렬이 되지않는것이다. 아래 예시를 보자. container 안에 item 2개를 넣어 displex:flex;값을 줘서 가로로 배치했다. 🚫과연 .co..