CSS에서 float는 float 속성을 사용하여 요소를 설정하면 표준 흐름에서 벗어나 속성 값에 따라 왼쪽이나 오른쪽으로 떠 있게 됩니다. CSS에서 속성은 자주 사용되는 요소입니다. 초보자의 경우 플로팅의 의미와 특성을 이해하지 못하면 사용할 때 혼란스럽고 혼란스럽습니다. 다음에는 이 속성에 대해 기사에서 자세히 소개하겠습니다. 모든 분들께 도움이 되기를 바랍니다.
float은 이름에서 알 수 있듯이 float 속성이 설정된 요소는 속성 값에 따라 왼쪽이나 오른쪽으로 떠 있습니다. 강요.
요소가 부동 속성을 사용한 후에는 요소가 표준 흐름 자체에서 분리되어 다른 요소 위에 떠 있을 수 있으므로 원래 요소에 속한 공간을 더 이상 차지하지 않습니다. 이로 인해 후속 요소가 위로 이동하여 차지하게 됩니다. 공간은 원래 공간에 속해 있습니다.
예:
<div> <span> 浮动元素 </span> 普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通 文档流普通文档流普通文档流普通文档流普通文档流普通文档流 </div>float 속성 이해
1. float 속성은 요소 자체와 이 속성을 사용하는 다음 요소에만 영향을 미칩니다(다음 요소는 위로 이동합니다.-> 바닥글 블록은 위로 이동합니다) ) .
2. 인라인 요소가 float 속성을 사용한 후에는 블록 수준 요소가 되며 요소의 높이와 너비를 설정할 수 있습니다(A 태그 참조).
3. float 속성은 일반적으로 다음 요소에 대한 float 속성의 영향을 지우기 위해 다음 태그의clear 속성과 함께 사용됩니다.
4. float 속성을 사용하는 요소의 경우 요소 너비가 설정되지 않은 경우 요소 너비가 콘텐츠 너비에 맞게 자동으로 조정됩니다(콘텐츠 DIV 참조-콘텐츠 블록의 크기는 정의되지 않음). 그래서 자동으로 조정됩니다.)
위 내용은 CSS에서 float는 무엇을 의미하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Goofonts는 개발자 부인과 디자이너 남편이 서명 한 사이드 프로젝트로, 둘 다 타이포그래피의 큰 팬입니다. 우리는 Google에 태그를 지정했습니다

GraphQL API를 구축하는 방법을 배우는 것은 매우 어려울 수 있습니다. 그러나 10 분 안에 GraphQL API를 사용하는 방법을 배울 수 있습니다! 그리고 그것은 완벽하게 얻었습니다

여기 Yuanchuan의 합법적 인 CSS 속임수입니다. 이 CSS 속성 오프셋 경로가 있습니다. 옛날 옛적에, 그것은 모션 경로라고 불렸다가 이름이 바뀌 었습니다. 나


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기

ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경

DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

WebStorm Mac 버전
유용한 JavaScript 개발 도구

안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.
