CSS#codestates#생활코딩#CCL라이선스BY#float#multicolumns#box-sizing#border-box1 CSS - 위치(float, column) 그림과 글자 조화 - 그림과 글자 위치를 조화롭게 배치 할 수 있다. *float:left;는 그림을 왼쪽에 두고, 오른쪽에 배치 *적용할 element 위치를 선정 Holy grail layout - float 기반으로 화면 layout 을 설정 할 수 있으나, 창 크기에 따라 조정이 안된다는 단점이 있다. *하단과 같이 Layout을 할 수 있으나, 단점으로 인해 최근에는 다른 방식을 많이 사용(grid(다음 글 내용에 추가 할 계획)) box-sizing:border-box; - border 효과를 넣었을 때, border의 크기는 컨텐츠의 크기로 설정 된다. - border box 크기를 border의 크기로 설정 할 수 있다. - float으로 layout을 설정 할 때, 유용한 기능. Mu.. 2020. 5. 7. 이전 1 다음 반응형
