Udostępnij za pośrednictwem

Tagi DIV, których wysokość wynosi 100% w odniesieniu, nie są przeskalowywane w programie Internet Explorer.

Ostrzeżenie

Wycofana, nieobsługiwana aplikacja klasyczna Internet Explorer 11 ma zostać trwale wyłączona za pośrednictwem aktualizacji aplikacji Microsoft Edge dla niektórych wersji systemu Windows 10. Aby uzyskać więcej informacji, zobacz artykuł pt. Często zadawane pytania dotyczące wycofywania aplikacji klasycznej Internet Explorer 11.

W tym artykule przedstawiono zaprojektowane zachowanie, że tag DIV ze względną wysokością 100% nie jest zmieniany w programie Internet Explorer 9 lub nowszym.

Oryginalna wersja produktu: Internet Explorer 9 i nowsze wersje
Oryginalny numer KB: 2674902

Objawy

W programie Internet Explorer 9 lub nowszym używasz tabeli o bezwzględnej wysokości i co najmniej dwóch komórkach w jednym wierszu. Jedna komórka zawiera tekst, a druga komórka zawiera tag DIV o względnej wysokości 100%. Tekst nie mieści się w podanej wysokości, dlatego tabela zostaje dopasowana. Tag DIV pozostaje na początkowej bezwzględnej wysokości tabeli i nie zostanie automatycznie zmieniony.

Więcej informacji

To zachowanie jest zgodnie z projektem i dotyczy trybu standardowego dla wszystkich obsługiwanych wersji programu Internet Explorer 9 i nowszych wersji.

Uwaga

Zachowanie może się różnić w trybie Quirks i w trybie emulacji Quirks (QME) w przypadku korzystania z Internet Explorer 9 lub nowszej wersji.

Poniżej przedstawiono przykład zachowania opisanego powyżej:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <body>
        <table style="height:50px;" border="1px">
            <tr>
                <td style="height:100%">
                    <p>
                        this text does not fit and will resize the table<br />this text does not fit and will resize the
                        table<br />
                        this text does not fit and will resize the table<br />this text does not fit and will resize the
                        table<br />
                    </p>
                </td>
                <td style="height:100%; width:50px;">
                    <div style="height:100%; border:1px solid red;"></div>
                </td>
            </tr>
        </table>
    </body>
</html>

Zgodnie ze specyfikacją W3 wysokość pola zawartości komórki nie będzie wpływać na wysokość wiersza, a każda dodatkowa wysokość powinna zostać dodana do wypełnienia komórki. Następnie element podrzędny komórki powinien ustalić swoją procentową wysokość względem pola zawartości komórki, które pozostaje niezmienione przez wysokość wiersza.

Zgodnie z css 2.1 wysokość pola komórki jest minimalną wysokością wymaganą przez zawartość. Właściwość komórki height tabeli może wpływać na wysokość wiersza (patrz powyżej), ale nie zwiększa wysokości pola komórki. Pola komórek, które są mniejsze niż wysokość wiersza, otrzymują dodatkowe dopełnienie górne lub dolne.

Aby uzyskać więcej informacji, zobacz Definiowanie zgodności dokumentów.