オーバーフローの非表示が表示に変更されると、次の tags_html/css_WEB-ITnose がブロックされます。-htmlチュートリアル-php.cn

オーバーフローの非表示が表示に変更されると、次の tags_html/css_WEB-ITnose がブロックされます。

WBOY

リリース： 2016-06-24 11:40:13

オリジナル

1498 人が閲覧しました

コードは次のとおりです:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=GBK">        <title>Untitled Document</title>        <style type="text/css">                        a:link, a:visited {                text-decoration: none;				            }                        dt, dd {                margin: 0px;				padding-top:10px;            }                        dl {                height: 27px;								            }            .open {                overflow: visible;            }                        .close {                overflow: hidden;            }        </style>    </head>    <body>        <script type="text/javascript">                  </script>        <dl class="close">            <dt onclick="listMethod(this)">                <a href="javascript:void(0)">显示条目一</a>            </dt>            <dd>显示内容1</dd>            <dd>显示内容2</dd>            <dd>显示内容3</dd>            <dd>显示内容4</dd>         </dl>            <dl class="close">            <dt onclick="listMethod(this)">                <a href="javascript:void(0)">显示条目二</a>            </dt>            <dd>显示条目二内容1</dd>            <dd>显示条目二内容2</dd>            <dd>显示条目二内容3</dd>            <dd>显示条目二内容4</dd>         </dl>            <dl class="close">            <dt onclick="listMethod(this)">                <a href="javascript:void(0)">显示条目三</a>            </dt>            <dd>显示内容1</dd>            <dd>显示内容2</dd>            <dd>显示内容3</dd>            <dd>显示内容4</dd>         </dl>            <script type="text/javascript">            var flag = true;                      function listMethod2(){                            var dlNode = document.getElementById("dlID");//                if (dlNode.style.overflow == visible) {//                    dlNode.style.overflow = "hidden";//                }//                else //                    if (dlNode.style.overflow == hidden) {//                        dlNode.style.overflow = "visible"//                    }                                if (flag) {                    dlNode.style.overflow = "visible";                    flag = false;                }                else {                    dlNode.style.overflow = "hidden";                    flag = true;                }            }                        function listMethod(node){                //var dlNode = document.getElementById("dlID");                //alert(node.nodeName);								var dlNode = node.parentNode;								                if (dlNode.className == "open") {                    dlNode.className = "close";                }                else {                    dlNode.className = "open";                }            }        </script>    </body></html>

ログイン後にコピー

ディスカッションへの返信 (解決策)

            .open {                overflow: visible;                height: auto;            }

ログイン後にコピー

            .open {                overflow: visible;                height: auto;            }

ログイン後にコピー

ありがとうございます!

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

オーバーフローの非表示が表示に変更されると、次の tags_html/css_WEB-ITnose がブロックされます。

ディスカッションへの返信 (解決策)