반응형
Clear
-
CSS 기본 Position : Float 속성, Clear 속성컴퓨터 알아가기/HTML CSS 2021. 4. 1. 19:30
CSS Position을 공부하면서 정확한 위치지정에 대해 이야기 했었습니다. 이제는 정확한 위치지정보다 가능한 왼쪽이나 오른쪽으로 화면에 떠있는 위치를 지정할때 사용하는 속성을 보도록 하겠으며 위치가 서로 간섭을 일으킬 때 사용하는 속성도 같이 보도록 하겠습니다. ▒ Float 속성 Float속성에 사용하는 속성값은 다음 2가지를 예로 들 수 있습니다. ▶ left : 지정된 요소를 가능한 왼쪽으로 이동시킵니다. ▶ right : 지정된 요소를 가능한 오른쪽으로 이동시킵니다. 위 속성값은 Position 속성값이 static(기본값)이거나 relative 값일때 동작합니다. 다음 브라우저에 두개의 블록이 지정되어 있습니다. 모두 relative 값으로 속성값을 주었구요. 밑에 파란색 블록을 오른쪽으로 ..