목록float (1)

개발기록장

[CSS] float 속성과 clear속성의 이해

float 속성을 이용하면 문서의 흐름과 관계없이 화면 배치를 유연하게 할 수 있다. 원래는 웹페이지에서 이미지를 어떻게 띄워서 텍스트와 함께 배치할 것인가에 대한 속성이었는데, 레이이아웃용으로 많이 사용된다. float이 적용된 요소는 기본적인 문서 배치의 흐름에서 벗어나 요소의 모서리가 페이지의 왼쪽이나 오른쪽으로 이동시킬 수 있다. - float의 속성 값 • left : 왼쪽에 부유하는 블록 박스를 생성. 페이지 내용은 박스 오른쪽에 위치하며 위에서 아래로 흐름. • right : 오른쪽에 부유하는 블록 박스를 생성. 페이지 내용은 박스 왼쪽에 위치하며 위에서 아래로 흐름. • none : 기본값(default), 요소를 띄우지 않음. ** left와 right 지정시 display 속성은 무시된..
TIL/HTML & CSS 2021. 1. 13. 12:40
이전 Prev 1 Next 다음