목록부트캠프 #개발일지 #TIL #CSS속성 #float #clear (1)

나의 개발일지

float과 clear에 대하여~

float 요소의 문서의 일반적인 흐름에서 제외되어 자신을 포함하고 있는 컨테이너의 왼쪽이나 오른쪽에 배치된다 (문서의 흐름에선 제외, 필요한 만큼의 공간은 차지) 속성값 의미 none 기본값, 원래 상태 Left 자신을 포함하고 있는 박스의 왼편에 떠 있어야 함 right 자신을 포함하고 있는 박스의 오른편에 떠 있어야 함 코드세팅 starbucks float: right; starbucks 일반적인 문서의 흐름이라면 핑크 - 아쿠아 - 스타벅스 이지만 float: right; 을 써서 일반적인 문서 흐름을 무시하고 아쿠아가 오른 쪽으로 이동되어졌다 float: left; starbucks float: left; 를 썼더니 스타벅스를 무시하고 왼쪽으로 이동되어졌다. 브라우저가 좁아져도 박스들은 왼쪽 오..
CSS 2023. 10. 10. 19:39
이전 Prev 1 Next 다음