원문 : 수레에 관한 모든 것
번역 : 부유의 과거와 현재의 삶에 대해
무단전재시 출처를 꼭 밝혀주세요! !
플로트란 무엇입니까?
Float는 CSS의 위치 지정 속성입니다. 타이포그래피 디자인을 보면 그 기원과 역할을 이해할 수 있습니다. 인쇄 조판기에서는 텍스트가 원하는 대로 이미지를 둘러쌀 수 있습니다. 이 방법을 일반적으로 "텍스트 줄 바꿈"이라고 합니다.
예는 다음과 같습니다.
조판 소프트웨어에서는 이미지와 텍스트의 혼합 레이아웃을 허용하거나 무시하도록 텍스트 상자를 설정할 수 있습니다. 텍스트-이미지 혼합을 사용하면 텍스트가 이미지 위에 없는 것처럼 이미지 위에 나타날 수 있습니다. 이는 이미지가 페이지 흐름의 일부인지 여부의 차이입니다. 웹 디자인은 이것과 매우 유사합니다.
웹 디자인에서 CSS의 float 속성이 적용된 페이지 요소는 타이포그래피 레이아웃에서 텍스트로 둘러싸인 이미지와 같습니다. 플로팅 요소는 여전히 웹페이지 흐름의 일부입니다. 이는 절대 위치에 있는 페이지 요소를 사용하는 것과 비교하면 상당한 차이가 있습니다. 인쇄 조판기의 텍스트 상자가 페이지 줄 바꿈을 무시하도록 설정된 것처럼 절대적으로 배치된 페이지 요소는 페이지 흐름에서 제거됩니다. 절대 위치에 있는 요소는 다른 요소에 영향을 주지 않으며, 다른 요소 옆에 있는지 여부에 관계없이 다른 요소도 영향을 주지 않습니다.
다음과 같이 요소에 CSS를 사용하여 부동 소수점을 설정합니다.
#사이드바 { 플로트: 오른쪽 }
fload 속성에는 네 가지 사용 가능한 값이 있습니다. Left 및 Right는 요소를 해당 방향으로 부동화하고, None(기본값)은 요소를 부동화하지 않게 하며, Inherit는 상위 요소에서 부동형 값을 가져옵니다.