[CSS] float과 position 사용하기


[CSS] float과 position 사용하기

1. float이처럼 이미지와 글이 물 흐르듯이 자연스럽게 작성될 수 있도록 도와주는 속성입니다. 레이아웃의 배치에도 활용할 수 있습니다.float을 이용하여 각 컬럼이 30%의 비중을 차지할 수 있도록 작성할 수도 있습니다. 마지막 컬럼 오른쪽에는 10%의 여백이 남는 것이 보이네요.이 여백을 무시하기 위해서는 clear라는 속성을 사용해주어야 합니다. clear의 속성으로는 left, right, both가 있습니다.[CSS 코드]2. positionposition은 기본적으로 static으로 설정되어있습니다. 상황에 따라서 relative, absolute, fixed로 바꾸며 사용할 수 있습니다.(1) absolute보시는 것처럼, 절대적인 위치를 지정할 수 있습니다.bottom ..........

[CSS] float과 position 사용하기에 대한 요약내용입니다.

자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.



원문링크 : [CSS] float과 position 사용하기