부유물을 제거하는 방법은 무엇입니까?
플로트를 지우는 방법에는 ClearBoth 방법, ClearFix 방법 설정, 오버플로 방법 및 이중 의사 요소를 상위 요소로 설정하는 방법이 포함됩니다.
작성할 때 코딩할 때 , 때로는 플로트 요소 사용으로 인해 페이지의 일부 요소가 올바르게 표시되지 않을 수 있습니다. 다음 기사에서는 특정 참조 값이 있는 플로트를 지우는 여러 가지 방법을 자세히 소개하겠습니다. .
【추천 강좌: CSS 강좌】
#🎜🎜 #
플로팅의 결과:
(1) 플로팅 요소가 문서 흐름에서 벗어났기 때문에 상위 요소의 높이 는 확장될 수 없습니다. 상위 요소와 동일한 수준의 요소에 영향을 미칩니다. (2) 부동 요소와 동일한 수준의 부동 요소가 뒤따릅니다. 부동 요소는 문서 흐름을 떠나 문서 흐름을 차지하지 않기 때문입니다. 원래 위치
(3) 이 부동 요소가 첫 번째 부동 요소가 아니므로 이 요소 앞의 요소도 부동해야 합니다. 그렇지 않으면 페이지의 구조적 표시에 쉽게 영향을 미칩니다. # 🎜🎜#
<style>
.box{border:1px solid #ccc;background:pink;}
.red{width:100px;height:100px;background: red;}
.green{width:100px;height:100px;background:green;}
.blue{width:100px;height:100px;background: blue;}
</style>
<body>
<div class="box">
<div class="red"></div>
<div class="green"></div>
<div class="blue"></div>
</div>렌더링: float:left를 추가한 후 상위 요소를 지원할 수 없습니다. 열기
#🎜🎜 #
(1) 클리어 사용 : 모두 클리어 플로팅 # 🎜🎜#
코드에 빈 div 태그를 넣은 다음 이 태그에clear:both를 설정하여 페이지 플로팅의 영향을 지웁니다. 단순성, 편리성, 좋은 호환성이 장점이지만 구조적 혼란을 야기하고 추후 유지 관리에 도움이 되지 않으므로 일반적으로 이 방법을 사용하지 않는 것이 좋습니다.<div style="clear: both"></div>
부모 요소에 :after 의사 요소 추가 의사 요소의 플로트를 지워서 높이를 지원하는 목적을 달성합니다. 상위 요소
.clearfix:after{
content:"";
display:block;
visibility:hidden;
clear:both;
}(3) 오버플로 방법 사용
오버플로 스타일을 상위 요소로 설정한 경우 오버플로 여부 :hidden 또는 Overflow:auto, 부동 소수점은 값이 표시되지 않는 한 지워질 수 있습니다. 그 본질은 BFC를 구성하여 상위 요소의 높이를 지원하는 효과를 얻는 것입니다..box{border:1px solid #ccc;background:#eff2f4;overflow: auto}(4) 이중 의사 요소 방법 사용# 🎜🎜#
이중 의사 요소 설정으로 플로트 지우기 효과 달성 elements to the parent element .clearfix:before,.clearfix:after {
content: "";
display: block;
clear: both;
}# 🎜🎜#
위 내용은 부유물을 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7681
15
1639
14
1393
52
1286
25
1229
29
float의 최대값은 얼마입니까?
Oct 11, 2023 pm 05:54 PM
float의 최대값: 1. C 언어에서 float의 최대값은 3.40282347e+38입니다. IEEE 754 표준에 따르면 float 유형의 최대 지수는 127이고 가수의 자릿수는 23입니다. 이런 방식으로 최대 부동 소수점 수는 3.40282347 e+38입니다. 2. Java 언어에서 최대 부동 소수점 값은 3.4028235E+38입니다. Python 언어에서 최대 부동 소수점 값은 1.7976931348623157e+308입니다.
float의 정확도는 얼마나 됩니까?
Oct 17, 2023 pm 03:13 PM
float의 정밀도는 소수점 이하 6~9자리까지 가능합니다. IEEE754 표준에 따르면 float 형식이 나타낼 수 있는 유효 자릿수는 약 6~9자리입니다. 이는 이론상 최대 정밀도일 뿐이며, 부동 소수점 숫자의 반올림 오류로 인해 float 유형의 정밀도가 낮아지는 경우가 많습니다. 컴퓨터에서 부동 소수점 연산을 수행할 때 부동 소수점 숫자의 정밀도 제한으로 인해 정밀도 손실이 발생할 수 있습니다. 부동 소수점 숫자의 정밀도를 향상시키기 위해 double 또는 long double과 같은 정밀도가 더 높은 데이터 유형을 사용할 수 있습니다.
C 언어에서 플로트는 무엇을 의미합니까?
Oct 12, 2023 pm 02:30 PM
C 언어의 부동 소수점은 단정밀도 부동 소수점 숫자를 나타내는 데 사용되는 데이터 유형입니다. 부동 소수점 숫자는 과학적 표기법으로 표현되는 실수이며 매우 크거나 작은 값을 나타낼 수 있습니다. float형 변수는 소수점 이하 유효숫자 6자리의 값을 저장할 수 있습니다. C언어에서는 부동소수점 숫자를 연산하고 저장하는 데 사용할 수 있습니다. 실수는 정수형과 달리 소수점 이하의 숫자를 표현할 수 있고 소수에 대해 4가지 산술 연산을 수행할 수 있습니다.
float32 바이트에는 무엇이 포함되나요?
Oct 10, 2023 pm 04:07 PM
float32 바이트는 부호 비트, 지수 비트, 가수 비트를 포함하며 32비트 부동 소수점 숫자를 나타내는 데 사용됩니다. 자세한 소개: 1. 부호 비트(1비트)는 숫자의 부호를 나타내는 데 사용되며 0은 양수를 나타내고 1은 음수를 나타냅니다. 2. 지수 비트(8비트)는 숫자의 지수 부분을 나타내는 데 사용됩니다. 부동 소수점 수, 지수 비트를 통해 부동 소수점 수의 크기 범위를 조정할 수 있습니다. 3. 가수 비트(23비트)는 부동 소수점 수의 가수 부분을 나타내는 데 사용되며 가수 비트는 저장됩니다. 부동 소수점 숫자의 소수 부분. 부호 비트는 부동 소수점 숫자의 부호를 결정하고 지수 비트와 가수 비트는 부동 소수점 숫자의 크기와 정밀도를 공동으로 결정합니다.
데이터베이스 부동 길이는 얼마입니까?
Oct 10, 2023 pm 03:57 PM
일반적인 데이터베이스 부동 소수점 길이는 다음과 같습니다. 1. MySQL의 부동 소수점 유형 길이는 4바이트 또는 8바이트일 수 있습니다. 2. Oracle의 부동 소수점 유형 길이는 4바이트 또는 8바이트일 수 있습니다. 3. SQL Server의 부동 소수점 유형 길이는 다음과 같습니다. 4바이트로 고정됩니다. PostgreSQL에서 float 유형의 길이는 4바이트 또는 8바이트 등이 될 수 있습니다.
플로트 레이아웃으로 인해 어떤 문제가 발생합니까?
Oct 10, 2023 pm 03:31 PM
부동 레이아웃은 부동 지우기, 요소 겹침 문제, 텍스트 줄 바꿈 문제, 반응형 레이아웃 문제와 같은 문제를 일으킬 수 있습니다. 자세한 소개: 1. 부동 문제를 해결합니다. 부동 레이아웃을 사용하면 부동 요소가 문서 흐름에서 벗어나 부모 컨테이너가 부동 요소를 올바르게 래핑할 수 없게 됩니다. 2. 요소 겹침 문제 여러 요소가 부동 레이아웃을 사용하는 경우 이는 부동 요소가 더 이상 일반적인 문서 흐름 위치를 차지하지 않기 때문입니다.
float 속성의 값은 무엇입니까?
Oct 10, 2023 pm 02:03 PM
float 속성 값에는 왼쪽, 오른쪽, 없음, 상속, 클리어인라인 시작 및 인라인 끝이 포함됩니다. 자세한 소개: 1. 왼쪽, 요소는 왼쪽으로 떠 있습니다. 즉, 요소는 컨테이너의 왼쪽에 최대한 가깝고 다른 요소는 오른쪽에서 요소를 둘러쌉니다. 오른쪽으로 부동합니다. 즉, 요소는 컨테이너에 최대한 가깝게 배치됩니다. 오른쪽에서는 다른 요소가 왼쪽에서 컨테이너를 둘러쌉니다. 3. 기본값은 없음이며, 요소는 부동하지 않고 정렬됩니다. 일반적인 문서 흐름 등에 따라
플로트와 더블의 차이점은 무엇입니까
Oct 11, 2023 pm 05:38 PM
float와 double의 주요 차이점은 정밀도, 저장 및 계산 속도, 범위, 프로그래밍 언어에서의 사용에 있습니다. 자세한 소개: 1. 정밀도가 다릅니다. Float는 4바이트(32비트)를 차지하는 단정밀도 부동 소수점 숫자인 반면, double은 8바이트(64비트)를 차지하는 배정밀도 부동 소수점 숫자입니다. 저장 및 계산 속도가 다릅니다. , double은 더 많은 공간을 차지하고 값을 저장하는 데 더 많은 저장 공간이 필요합니다. 고성능과 속도가 필요한 애플리케이션에서는 float 유형을 사용하는 것이 더 효율적일 수 있습니다.
