CSS에서 상자를 뜨게 만드는 방법

CSS에서 상자를 부동으로 만드는 방법: [float: left;]와 같은 부동 속성을 사용할 수 있습니다. float 속성을 사용하면 여러 상자를 왼쪽이나 오른쪽으로 가로로 배열할 수 있습니다. 상자의 너비는 더 이상 늘어나지 않지만 상자 내부의 내용 너비에 따라 결정됩니다.

상자 부동

표준 흐름에서 블록 수준 요소는 해당 요소를 포함하는 요소의 가장자리에 연결될 때까지 자동으로 수평 방향으로 늘어나지만 수직 방향에서는 늘어납니다. 인접한 요소와 순서대로 배열되며 나란히 배치될 수 없습니다.

(학습 동영상 추천: java 동영상 튜토리얼)

CSS의 float 속성은 기본적으로 없음으로 설정되어 있습니다. float 속성의 값을 왼쪽이나 오른쪽으로 설정하면 요소가 상위 요소의 왼쪽이나 오른쪽으로 이동합니다. 동시에 기본적으로 상자 너비는 더 이상 늘어나지 않지만 상자 내부 내용의 너비에 따라 결정됩니다.

float: left;

clear를 사용하여 부동소수점을 지울 수 있습니다.

clear: left | right | both;

Float(float)

기능: 여러 상자를 왼쪽 및 오른쪽으로 가로로 배열합니다.

구문: ​​Selector { float: 속성 값 }

left：元素向左浮动
right：元素向右浮动

Features; :

표준 흐름 위에 떠 있습니다.

디스플레이가 표준 흐름 상자의 위치를 ​​차지하지 않습니다.

인라인 블록과 유사한 요소로 변환되지만 요소 사이에 간격이 없습니다.

관련 권장사항: CSS 튜토리얼

위 내용은 CSS에서 상자를 뜨게 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!