CSS에서 부동 소수점을 지우는 방법은 무엇입니까?

플로팅----현재 라벨이 위로 떠서 상위 라벨의 높이가 붕괴됩니다

1. 상위 요소의 높이를 지정하세요

　

　　

　　

　 단순하고 투박합니다! 높이가 가변적이면 문제가 쉽게 발생할 수 있습니다

2. 플로팅 요소 뒤에 추가 태그를 추가하세요

　　

　　　

　　　

　

　 다른

태그도 가능합니다. 생성된 빈 태그는 코드를 혼란스럽게 하고 유지 관리가 어렵고 코드의 직관적인 느낌이 매우 나쁩니다

3. 상위 태그에 Overflow:hidden;zoom:1 또는 Overflow:hidden;width:98% 스타일을 추가합니다. 　　< ;div style="overflow:hidden; Zoom:1">

　　div style="float:right">

　IE6에서는 확대/축소와 너비 중 하나가 있어야 합니다 , 그러나 높이 값은 설정할 수 없습니다. 브라우저는 플로팅 영역의 높이

　를 자동으로 얻을 수 있으며 크기 이상으로 숨겨지는 문제가 발생하므로 위치와 함께 사용할 수 없습니다.

4. 상위 태그에 대한 Overflow:auto를 설정합니다

　

　　

< / div>

　

　 기본적으로 3과 동일하지만, 유일한 문제는 내부 높이가 부모보다 높으면 롤러가 나타난다는 것입니다

5. 요소, 모두가 하나가 될 것입니다. 전체 플로팅 블록

　　

　　

　

　 새로운 부동 문제가 발생합니다

6. 상위 태그에 디스플레이: 테이블을 추가합니다.

　

;div style="position:absolute; Zoom:1">

　　

　　

　 5개로 연결됩니다 원칙, 둘 다 원본 텍스트 흐름에서 상위 요소를 분리하면 비슷한 문제가 발생할 수 있지만 여전히 이 방법을 사용하여 문제를 해결할 수 있습니다

8. 상위 태그에 대해 pseudo-class:after를 정의하고 Zoom:1 　.clearfix:after { display:block;clear:both; content:""; visible:hidden; height:0}

　.clearfix {zoom:1}

　

　　

　

IE8 이상 및 IE 이외의 브라우저만 지원: 이후, Zoom:1은 브라우저 호환성 문제를 해결할 수 있습니다

위 내용은 CSS에서 부동 소수점을 지우는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!