CSS에서 clear:both와 flat:none의 차이점

간단히 말하면:
1.clear:both는 플로팅 요소 전후의 요소가 플로팅의 영향을 받는 것을 방지하는 것입니다.
2.float:none은 하위 요소가 상위 요소의 플로팅 효과를 상속받지 못하게 하는 것입니다. .

clear:both ; 플로팅 콘텐츠가 다른 태그에 영향을 미치지 않도록 하기 위한 것이므로 플로트를 지워야 합니다.
float:none; 이미 float:left 또는 float:right;를 사용했기 때문에 여러 번 사용했습니다. 스타일이 변경되어 더 큰 영향을 미칠 경우, float:none을 사용하여 원래 스타일을 덮어쓰십시오.
이것을 이해할 수 있을지 모르겠습니다. 예를 들어보는 것이 가장 좋습니다.

초보분들은 float를 사용하신다면clear를 사용하세요.

.C-lr{
clear:both;
height:0px;
width:auto;
font-size:0px;
line-height:0px;
visibility:hidden; 
border:0px;
}

더 공부하시면clear를 사용하지 않으셔도 됩니다.

float:none 왜 사용하시나요?

둘이 다릅니다. float:none ; 선택한 요소는 플로팅되지 않습니다. 둘 다 선택한 요소 주위에 플로팅 요소가 없습니다.

즉, 이것은 무엇입니까? 나는 그것을 보지 못했다. . .

clear에는 네 가지 값이 있습니다.

none: 왼쪽과 오른쪽에 떠 있는 객체를 허용합니다.

both: 왼쪽과 오른쪽에 떠 있는 객체를 허용하지 않습니다.

left: 왼쪽에 떠 있는 객체를 허용하지 않습니다. ;

right: 오른쪽에 떠 있는 객체를 허용하지 않습니다.

clear:left|right|both, 플로팅을 지우는 것이 아니라 플로팅의 영향을 지웁니다.

위 내용은 CSS에서 clear:both와 flat:none의 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!