[Java Script / 자바 스크립트] DIV태그 가로로 붙여서 나열하는 방법

DIV 태그 영역을 가로로 나란히 놓으려면 float 스타일을 사용하면 됩니다.

창의 너비를 맞춰서 float속성을 넣게 되면 가로로 div 태그들이 붙게 됩니다.

 

float 속성은 말 그대로 뜨다 라는 의미이며,

element에 부유 속성을 줘 배치를 변경할 수 있는 속성입니다.

 

예를 들어 DIV나 사진, 그림 등을 넣을 때 그림 왼쪽이나 오른쪽에 띄어서 정렬을 하거나

문서의 배치를 변경할 때에도 사용됩니다.

 

float는 <div>, <ol>, <ul>, <table>, <img>, <p> 등등 묶음 태그에만 사용 가능합니다.

 

위의 그림에서 세로로 정렬되어 있는 div 태그들에 float:left 속성을 주게 되면

 

이렇게 태그들이 가로로 나열됩니다.