목록flex (2)
솔미는 성장중
목표 들어가기에 앞서... - flex 이론 잡기 https://ddorang-d.tistory.com/12 [CSS]float 이해하기 & clear하는 방법 1. float 이해하기우선 float의 작성 방법입니다. 123div{float:left;}div{float:right;}div{float:both;}cs 이렇게 float는 왼쪽, 오른쪽, 양쪽으로 사용가능합니다. 객체를 어느쪽으로 띄울 것인가 결정하는것인데, ddorang-d.tistory.com - float & clear 하는 또 다른 방법들 https://velog.io/@hsecode/CSS-float-%ED%95%B4%EC%A0%9C%ED%95%98%EA%B8%B0-float-clear [CSS] float clear, float ..
1.position 이용하기 1) 부모쪽에 position: relative; 자식쪽에 position: absolute; 이렇게 해야 부모를 기준으로 자식이 배치된다. position:relative;를 빼면 자식이 브라우저 창 기준으로 위치된다. 2) 자식쪽에 top:0; bottom:0; 등과 같이 어디가 top이고 어디가 bottom인지 지정해줘야 한다. 3) margin: auto;를 통해 중앙에 위치시킬 수 있다. See the Pen css중앙정렬1 by sol _ (@sol-_) on CodePen. 2. flex 이용하기 1) 부모쪽에 display: flex; 삽입 display: flex; 2) 부모쪽에서 자식 위치 지정 align-items: center; justify-conten..