关于OVERFLOW

6885953 6885953 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

为什么会覆盖下个dl标签 求解答

<script>
function change()
{
var dtNode = event.srcElement;
var dlNode = dtNode.parentNode;
//var dlNode = document.getElementsByTagName("dl")[0];

if(dlNode.className=="open")
{
dlNode.className="close";
}
else{
dlNode.className="open";
}
}
</script>
<style type="text/css">
.open{
overflow:visible
}

.close{
overflow:hidden
}

dl{

overflow:hidden;
height:16px;
}

</style>
</head>

<body>
<dl>
<dt onclick="change()">aaaaaaaaaaaaaaaaaaaa</dt>
<dd>bbb</dd>
<dd>bbb</dd>
<dd>bbb</dd>
<dd>bbb</dd>
</dl>

<dl>
<dt onclick="change()">aaaaaaaaaaaaaaaaaaaaaaaa</dt>
<dd>bbb</dd>
<dd>bbb</dd>
<dd>bbb</dd>
<dd>bbb</dd>
</dl>
<dl>
<dt onclick="change()">aaaaaaaaaaaaaaaaaaaaaa</dt>
<dd>bbb</dd>
<dd>bbb</dd>
<dd>bbb</dd>
<dd>bbb</dd>
</dl>
</body>
</html>
...全文

相关推荐

评论 2
收藏 已收藏
分享
返回顶部
6885953
JavaScript 87,984 成员 224,681 内容