关于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>
...全文

相关推荐

溢出文本text-overflow的使用问题分析及解决

text-overflow有两个属性值,clip和ellipsis。要想这两个属性起真正的作用,需要配合overflow:hidden;white-space:nowrap;使用

weixin_38676216

页面内容overflow代码

页面内容overflow代码,HTML,JavaScript,CSS

testistest

CSS属性探秘系列(二):overflow及相关属性text-overflow

一、overflow指定盒中容纳不下的内容的显示方法。 1.适用范围:块级元素 2.可取值:visible:不剪切内容(默认)。hidden: 将超出对象尺寸的内容进行裁剪,将不出现滚动条。scroll: 将超出对象尺寸的内容进行裁剪,并以滚动条的方式显示超出的内容。auto: 在需要时裁剪内容并添加滚动条,此为body对象和textarea的默认值。 3.说明:对于table来说,假如table-layout属性设置为fixed,则td对象支持带有默认值为hidden的overflow属性。如果设为hidden,scroll或者auto,那么超出td尺寸的内容将被剪切。如果设为visible

weixin_38610052

细说CSS3中box属性中的overflow-x属性和overflow-y属性值的效果

overflow-x和overflow-y的属性值可以查到一大堆,并没有详细说明各属性值的效果,今天我就说一下

weixin_38646634

builtin_overflow:可以帮助我将__builtin_add_overflow,__builtin_sub_overflow和__builtin_mul_overflow添加到clang的文件

该项目跟踪了我为clang制作补丁以添加对__builtin_add_overflow,__builtin_sub_overflow和__builting_mul_overflow的支持的进度。

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