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

이 글은 주로 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!