None (1) 썸네일형 리스트형 [css] float사용법, 반응형 웹 만들기 (right, left, none...) flex box라는 개꿀 기능이 나오기 전에는 flaot사용이 필수고 이래저래 손봐야 했다 레이아웃를 잡을 때 가장많이 사용하는 속성 중 하나다 빨리 알아보자 right, left ,none 이렇게 3가지 속성만 있다 none을 사용하게 되면 박스가 움직이지 않는다 사이드 바와 본문에 left와 right를 주어서 왼쪽, 오른쪽으로 정렬 되어있는 것 볼 수 있다 aside{ //사이드 바 float: left; //좌측정렬 width: 200px; min-height: 250px; } article{ //본문 float: right; //우측정렬 width: 580px; } 그치만 크기를 고정해 버리면 요즘 유행하는 반응형 웹사이트를 만드는데 제한 된다 사이드 바의 크기는 고정한 상태로 본문 크기만 가변.. 이전 1 다음