DIV 운영을 위한 CSS 부동 소수점 사용

Css 스타일 부동 속성은 라벨 객체(예:

라벨 상자, 라벨, 라벨, 라벨 및 기타 HTML 라벨)의 부동 레이아웃을 설정하는 데 사용됩니다. is also 이것은 왼쪽으로 떠 있는(float:left) 라벨 객체와 오른쪽으로 떠 있는(float:right) 라벨 객체라고 부르는 것입니다.

플로트가 무슨 뜻인가요?

float는 떠다닌다는 뜻이고, 중국어로 번역하면 떠다닌다는 뜻이기도 합니다. float에 대한 기본 정보를 알아보려면 해당 CSS 매뉴얼의 float 매뉴얼을 참조하세요.

float의 역할

CSS를 통해 float(부동)을 정의하여 div 스타일 레이어 블록이 왼쪽이나 오른쪽(기울기)으로 부동하게 만듭니다.

float 튜토리얼 디렉터리

float 구문

float 애플리케이션 및 사용법

float float 케이스

css float 기타 애플리케이션

css float 요약

float 구문

Float 뒤에는 종종 속성 값 ​​​​왼쪽이 옵니다. right, none

Float:none float 사용 안 함

Float:left 왼쪽으로 플로트

Float:right 오른쪽으로 플로트

float 구문:

float : 없음 | 왼쪽 |right

매개변수 값:

none : 객체가 떠있지 않음

left: 객체가 왼쪽에 떠 있음

right: 객체가 오른쪽에 떠 있음

다음으로, div+css 예제를 통해 float의 사용법을 설명하겠습니다.

float 애플리케이션 및 사용법

Float float는 객체의 왼쪽 및 오른쪽 부동 스타일을 설정하는 데 사용됩니다. DIV, SPAN 및 기타 레이블을 왼쪽 및 오른쪽으로 부동화하는 데 필요한 작업을 수행할 수 있습니다.

간단한 구문

div{float:left} /* CSS 주석: div 개체를 왼쪽(왼쪽)으로 부동하도록 설정 */

div{float:right} /* CSS 주석: div 개체를 부동으로 설정 to the right (right ) */

css float case

한 상자에 두 개의 상자를 설정했습니다. 하나는 오른쪽에, 다른 하나는 왼쪽에 부동합니다. CSS 부동 레이아웃 효과를 직관적으로 확인하기 위해 두 상자의 특정 너비, 높이 및 테두리.

1. 기본 HTML 코드 조각:

레이아웃이 왼쪽으로 이동합니다

"div _right">레이아웃은 오른쪽으로 이동합니다

2. CSS 코드 조각:

.div { width:400px;padding:10px;border:1px solid #F00}

.div _left{ float:left;width:150px;border: 1px solid #00F;height:50px}

.div _right{ float:right;width:150px;border:1px solid #00F;height:50px}

.clear{clear:both}

CSS 연산 DIV float 거기 용도가 너무 많으므로 필요한 친구는 저장할 수 있으며, 이 사이트의 다른 업데이트에 계속 관심을 가져주세요.

관련 읽기:

CSS의 최소 너비와 최대 너비를 설정하는 방법

CSS 여백의 역할은 무엇인가요?

CSS3에서 둥근 모서리를 만드는 방법

위 내용은 DIV 운영을 위한 CSS 부동 소수점 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!