> 웹 프론트엔드 > CSS 튜토리얼 > 오버플로를 해결하는 방법:ie7의 자동 잘못된 메서드

오버플로를 해결하는 방법:ie7의 자동 잘못된 메서드

不言
풀어 주다: 2018-06-25 16:10:35
원래의
2828명이 탐색했습니다.

이 글은 주로 ie7의 Overflow:auto 무효 메소드를 해결하는 방법을 소개합니다. 이제 특정 참조 값이 있으므로 필요한 친구들이 참조할 수 있습니다.

부모 요소가 직계 하위 요소 또는 하위 하위 요소의 스타일에 position:relative 속성이 있으면 상위 요소의
overflow:auto 속성이 유효하지 않습니다.

Solution

이 버그를 해결하는 것은 매우 간단합니다. 버그를 해결하려면 상위 요소에 position:relative;를 사용하세요.

코드 버그 재발

<ul>
<li>我是很努力的前端博客,希望你会喜欢</li>
<li>我是很努力的前端博客,希望你会喜欢</li>
<li>我是很努力的前端博客,希望你会喜欢</li>
<li>我是很努力的前端博客,希望你会喜欢</li>
<li>我是很努力的前端博客,希望你会喜欢</li>
</ul>
로그인 후 복사
ul{overflow:auto; height:100px;}
li{position:relative; height:30px; line-height:30px;}
로그인 후 복사
IE7에서 스크롤바는 나오는데 스크롤바를 당길 수 없는 이상한 버그가 있습니다. 해결책은
ul{position:relative;}

IE7 float:right willwrap

을 제공하는 것입니다. 예전에는 ie6에만 나타날 거라고 생각했는데 ie7에도 이런 기능이 있을 줄은 몰랐습니다. bug. 인터넷에서 많은 사람들이 float: right의 요소가 앞에 배치되어 있다는 점이 정말 흥미롭습니다. 이 버그를 해결하려면 요소의 위치를 ​​희생하세요. 코드를 볼 때 가끔 말문이 막힐 때가 있습니다. 해결 방법은 상위 레이어에 상대 위치를 추가한 다음 이를 달성하기 위해 오른쪽에 절대 위치를 추가하는 것입니다.
나는 이것이 더 신뢰할 수 있다고 생각합니다. 위 내용은 이 글의 전체 내용입니다. 모든 분들의 학습에 도움이 되었으면 좋겠습니다. 더 많은 관련 내용은 PHP 중국어 홈페이지를 주목해주세요! 관련 추천:

CSS의 작성 표준 순서 및 명명 규칙에 대하여


위 내용은 오버플로를 해결하는 방법:ie7의 자동 잘못된 메서드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿