CSS에서 부동 소수점을 지우는 방법은 무엇입니까?
- 零下一度원래의
- 2017-06-30 10:47:131341검색
플로팅----현재 라벨이 위로 떠서 상위 라벨의 높이가 붕괴됩니다
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를 설정합니다
기본적으로 3과 동일하지만, 유일한 문제는 내부 높이가 부모보다 높으면 롤러가 나타난다는 것입니다 5. 요소, 모두가 하나가 될 것입니다. 전체 플로팅 블록 새로운 부동 문제가 발생합니다 6. 상위 태그에 디스플레이: 테이블을 추가합니다. 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!