이 기사는 CSS에서 부동 소수점의 일반적인 사용법과 부동 소수점 지우기(코드 예제)를 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다. .
부동 소수점은 CSS에서 비교적 성가신 속성이며 일반적으로 부동 소수점을 지우는 작업을 동반합니다. 오늘은 플로트를 함께 고쳐보겠습니다.
사실 요소를 부동으로 설정하면 달성되는 효과는 다음과 같습니다.
#🎜 🎜#
플로팅 요소가 상위 요소를 지원할 수 없어 높이가 무너질 수 있습니다! !
다음 예를 살펴보세요.<div> <div></div> <div></div> </div> .container { background-color: lightblue; font-size: 0; } .son1 { display: inline-block; width: 50px; height: 50px; background-color: orange; } .son2 { width: 100px; height: 100px; float: right; background-color: lightgray; }
.clearfix:after { content: '.'; display: block; height: 0; visibility: hidden; clear: both; }# 🎜🎜#그런 다음 clearfix
클래스를 상위 컨테이너에 추가합니다. 최종 코드는 다음과 같습니다.
<div> <div></div> <div></div> </div> .container { background-color: lightblue; font-size: 0; } .son1 { display: inline-block; width: 50px; height: 50px; background-color: orange; } .son2 { width: 100px; height: 100px; float: right; background-color: lightgray; } .clearfix:after { content: '.'; display: block; height: 0; visibility: hidden; clear: both; }얻는 효과는 다음과 같습니다. : #🎜🎜 #
플로팅 요소는 상위 컨테이너의 높이를 확장할 수 있습니다! Summary
#🎜 🎜#
위 내용은 CSS에서 부동 소수점의 일반적인 사용 및 부동 소수점 지우기에 대한 소개(코드 예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!