float
-
[TIL] float 속성Develope/HTML&CSS 2020. 4. 21. 11:11
1. float 이란 ◎ float은 주로 이미지 주변에 텍스트를 감싸기 위해 만들어진 프로퍼티이다. 하지만 페이지 전체의 레이아웃을 잡을 때에도 정말 중요한 속성이 된다. 2. 문제점 ◎ float 속성에는 left, right, none 가운데 하나의 값을 줄 수 있습니다. float를 left로 값을 준 코드와 화면을 봐보자. img 태그에 float: left; 속성을 주어서 왼쪽 정렬을 하였다. 코드만 보고 화면이 어떻게 나올지 예상하자면, img는 왼쪽, span은 img 옆에 나오며, container 클래스의 css border가 그에 맞게 잘 나와야 한다. 자, 이제 화면을 봐보자 이상하다. 예상한 화면과는 전혀 다르게 나왔다. 이처럼 float를 쓸 때는 주의할 사항이 있다. float..