IE7 : 체크 박스가 포함되어 스크롤되지 않습니다. 부적절하게 표시됩니다.

<ul>에 수직으로 여러 개 들어있는 <li>이 포함되어 있습니다. <li>은 <ul> 내에 스크롤되며 <li>에는 체크 박스가 있습니다. IE7에서는이 체크 박스가 포함 된 <li>과 함께 스크롤하지 않으며 클리핑해야하는 경우에도 항상 표시합니다. 여기 jsFiddle이 문제를 일으키는 것에IE7 : 체크 박스가 포함되어 스크롤되지 않습니다. 부적절하게 표시됩니다.

http://jsfiddle.net/m4asa/6/

어떤 아이디어? 이 코드는 Chrome, Firefox 및 IE8에서 작동합니다.

출처

2011-12-29 user460847

ul.selector li input[type="checkbox"] 
{ 
    display: block; 
    left: 1px; top: 2px; 
    margin-right: 4px; 
    float: left; 
}

ul.selector li input[type="checkbox"] 대신 CSS에서 사용하십시오. 마진을 약간 조정해야 할 수도 있지만 IE7에 대한 스크롤링 문제를 해결합니다 (IE7 및 Chrome에서 테스트되었으므로 다른 브라우저에서 해당 항목이 여전히 작동하는지 확인해야합니다).

출처

2011-12-29 05:55:07

완벽하게 작동합니다. 감사합니다. – user460847

비록 나는 position : relative와 display : block이어야한다고 생각합니다. – user460847

네가 맞아, 내 잘못이야. 나는 대답을 바꿨다 :). –

IE7 : 체크 박스가 포함되어 스크롤되지 않습니다. 부적절하게 표시됩니다.

답변

관련 문제