728x90 반응형 웹UI46 HTML/CSS - overflow: hidden; 으로 특정 영역만 보이게 부모 자식 관계를 갖는 영역 세 그룹, 자식 노드에는 형제를 갖는 형태로 준비한다 (조부모, 부모, 자식) 자식 노드에 크기 설정, float: left; 부모 노드에 자식 노드를 전부 담는 크기 지정 조부모 노드에 자식 노드 1개를 담을 수 있는 크기와 overflow: hidden; 지정 2021. 3. 23. HTML/CSS - 경일게임아카데미 클론 코딩 lumpenop.github.io/ki_academy_clone/main.html 2021. 3. 21. HTML/CSS - 프로그래머스 홈 클론 코딩 lumpenop.github.io/programmers_home_clone/0319.html 2021. 3. 21. HTML/CSS - display: flex; (요소를 수평 구조로 정렬) 요소를 수평 구조로 정렬하기 div등의 blcok 요소를 다루다보면 display: inline-block; 설정을 주고 자리가 충분히 남아있음에도 좌 상단으로 정렬되지 않는 현상이 있다 float 등을 사용하면 되지만 요소들을 3차원으로 배열하다보면 화면 구조 전체가 무너지기도 한다 -> 정렬할 영역 상위 영역에 display: flex를 주면 2차원 요소들을 쉽게 수평 구조로 정렬 가능 -> flex의 경우 부모 영역의 크기 1줄에 자식 영역 요소들을 모두 채워넣는다 2021. 3. 19. 이전 1 2 3 4 5 6 7 ··· 12 다음 728x90 반응형