0

次のHTMLファイルでは、「Argentina」や「TestTwo」などの内部divに含まれるテキストは表示されません。理由がわかりません。それらが見えない理由についての助けをいただければ幸いです。

<!DOCTYPE html>
<html>
<body>
    <div class="GLH-2XVBBO">
        <div
            style="position: absolute; left: 5px; width: 190px; top: 2px; height: 25px;">
            <div class="gwt-Label GLH-2XVBEO">Latest Contribution</div>
        </div>
        <div
            style="position: absolute; left: 0px; width: 200px; top: 35px; bottom: 5px;">
            <div class="GLH-2XVBDO" style="overflow: auto; position: relative;">
                <div style="position: relative;">
                    <div class="GLH-2XVBCO" style="position: relative;">
                        <div aria-hidden="true"
                            style="position: absolute; z-index: -32767; top: -20ex; width: 10em; height: 10ex;">&nbsp;</div>
                        <div
                            style="position: absolute; overflow: hidden; left: 0px; top: 0px; right: 0px; height: 45px;">
                            <div class="GLH-2XVBPO"
                                style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
                                <div aria-hidden="true"
                                    style="position: absolute; z-index: -32767; top: -20ex; width: 10em; height: 10ex;">&nbsp;</div>
                                <div
                                    style="position: absolute; overflow: hidden; left: 0px; top: 0px; width: 200px; height: 20px;">
                                    <div
                                        style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;"
                                        class="gwt-Label GLH-2XVBAP">Argentina</div>
                                </div>
                                <div
                                    style="position: absolute; overflow: hidden; left: 0px; top: 25px; width: 200px; height: 20px;">
                                    <div
                                        style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;"
                                        class="gwt-Label GLH-2XVBOO">Test Two</div>
                                </div>
                            </div>
                        </div>
                        <div
                            style="position: absolute; overflow: hidden; left: 0px; top: 55px; right: 0px; height: 45px;">
                            <div class="GLH-2XVBPO"
                                style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
                                <div aria-hidden="true"
                                    style="position: absolute; z-index: -32767; top: -20ex; width: 10em; height: 10ex;">&nbsp;</div>
                                <div
                                    style="position: absolute; overflow: hidden; left: 0px; top: 0px; width: 200px; height: 20px;">
                                    <div
                                        style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;"
                                        class="gwt-Label GLH-2XVBAP">General Audience</div>
                                </div>
                                <div
                                    style="position: absolute; overflow: hidden; left: 0px; top: 25px; width: 200px; height: 20px;">
                                    <div
                                        style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;"
                                        class="gwt-Label GLH-2XVBOO">Test Two</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

ネストされたdivについてお詫びします。これはGWTで生成されたHTMLコードです。

4

3 に答える 3

2

クラス.GLH-2XVBCOには定義された高さが必要です。

したがって、この：

<div class="GLH-2XVBCO" style="position: relative;">

のようなものになります

<div class="GLH-2XVBCO" style="position: relative; height: 50px;">

于 2013-03-06T23:36:47.193 に答える
1

このスタイルを削除するstyle="position: absolute; z-index: -32767; top: -20ex; width: 10em; height: 10ex;"

divから

<div aria-hidden="true" style="position: absolute; z-index: -32767; top: -20ex; width: 10em; height: 10ex;">&nbsp;</div>

そして、あなたはアルゼンチンを見ることができます。

ところで、なぜそんなに複雑なHTMLを作成しているのですか？スタイルをCSSファイルに移動し、不要なスタイルをすべて削除する必要があります。

于 2013-03-06T23:38:37.733 に答える
0

いくつかの「position：relative」スタイル、特にGLH-2XVBDOとGLH-2XVBCOのスタイル、およびそれらの間のDIVを無効にすることで修正できますが、何を達成しようとしているのかわかりません。これらすべてのネストされたDIV。

于 2013-03-06T23:38:01.417 に答える