ie7 아래 리 중첩 DIV 표시 아래쪽 간격

1903 단어 div
단순히 LI가 DIV를 끼워 넣으면 IE7 아래에 LI 밑에 간격이 있어 지울 수 없는 BUG가 나타나고 LI와 DIV를 설정한 Margin과padding이 0이어도 이 간격을 지울 수 없으며 IE7+는 이 문제가 발생하지 않습니다.
<ul>

      <li>

            <div></div>

      </li>

</ul>

Style
<style>

      * { margin: 0; padding: 0; }

      li{ height: 20px; overflow: hidden; background: green; }

      li div { float: left; } 

</style>

IE7 의 해결 방법:
리의 스타일에vertical-align:bottom을 넣기;이 간격을 없앨 수 있습니다!
IE6에서 문제가 계속되고 있으며 현재 해결책이 없습니다!
같은 종류의 문제

좋은 웹페이지 즐겨찾기