Css 从跨度中删除高度而不使用显示：无？

我有一个

span

，其中包含几行文本。

span

包装在

div

中，最大高度为0。文本行不在

p

标记中，因为我需要避免创建任何空白。正如您所期望的那样，

span

的高度随着您输入的文本的增加而增加。但是，由于外部

div

的

高度为0，因此我不希望任何文本可见。我将
不透明度
更改为0，但当然它在页面上占用的空间仍然存在。我需要删除它分配给文本的空白。将
span
的CSS更改为
高度：0
没有消除网页上可见的空白，即使它正确地将
高度设置为0，我不确定为什么会这样。我发现删除空格的唯一方法是设置
display:none
但在我的环境中，我无法做到这一点（因为CSS动画在未显示时不起作用）

还要注意的是，外部
div
包含在一个
div
中，该div没有应用任何特殊样式-静态定位和未调整高度

我认为最基本的问题是：当父母的身高为0时，如何隐藏孩子

以下是相关代码：

<div id="nothingSpecialDiv">
    <div style="max-height:0;">
        <span style="opacity:0">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.
        </span>
    </div>
<div>


Lorem ipsum dolor sit amet，是一位杰出的献身者。不要用钻石。他坐在阿梅特·伊普苏姆·莫里斯旁边。这是一个非常重要的问题。Donec et mollis dolor。自由主义者的权利和义务是绝对的。我是天生的，但我是一个天才。不可自由使用的arcu车辆属于非侵权人。Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安和孕妇罗琳。这是一只猫头鹰，枕着一个半圆形的脑袋，一只可爱的猫头鹰。佩伦茨克拍卖人nisi id magna consequat sagittis。这是一位杰出的法雷特拉·蒂奇登·菲吉亚·尼斯勒（feugiat nisl）的饮食专家。我们在乌尔纳乌尔特里塞斯accumsan的自由。多内克·塞德·奥迪奥·厄罗斯。在马莱苏亚达拱门广场上，我的生活充满了欢乐。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。在吴茱萸中。Mauris vitae nisi在sem facilisis semper ac位于东部。
Lorem ipsum dolor sit amet，是一位杰出的领导者。不要用钻石。他坐在阿梅特·伊普苏姆·莫里斯旁边。这是一个非常重要的问题。Donec et mollis dolor。自由主义者的权利和义务是绝对的。我是天生的，但我是一个天才。不可自由使用的arcu车辆属于非侵权人。Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安和孕妇罗琳。这是一只猫头鹰，枕着一个半圆形的脑袋，一只可爱的猫头鹰。佩伦茨克拍卖人nisi id magna consequat sagittis。这是一位杰出的法雷特拉·蒂奇登·菲吉亚·尼斯勒（feugiat nisl）的饮食专家。我们在乌尔纳乌尔特里塞斯accumsan的自由。多内克·塞德·奥迪奥·厄罗斯。在马莱苏亚达拱门广场上，我的生活充满了欢乐。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。在吴茱萸中。东部sem facilisis semper ac的Mauris vitae nisi。
尝试添加：

overflow:hidden

在css文件中尝试以下操作：

<div style="max-height:0;">
<span style="opacity:1;height:0;display:block;overflow:hidden;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.
</span>


Lorem ipsum dolor sit amet，是一位杰出的献身者。不要用钻石。他坐在阿梅特·伊普苏姆·莫里斯旁边。这是一个非常重要的问题。Donec et mollis dolor。自由主义者的权利和义务是绝对的。我是天生的，但我是一个天才。不可自由使用的arcu车辆属于非侵权人。Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安和孕妇罗琳。这是一只猫头鹰，枕着一个半圆形的脑袋，一只可爱的猫头鹰。佩伦茨克拍卖人nisi id magna consequat sagittis。这是一位杰出的法雷特拉·蒂奇登·菲吉亚·尼斯勒（feugiat nisl）的饮食专家。我们在乌尔纳乌尔特里塞斯accumsan的自由。多内克·塞德·奥迪奥·厄罗斯。在马莱苏亚达拱门广场上，我的生活充满了欢乐。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。在吴茱萸中。Mauris vitae nisi在sem facilisis semper ac位于东部。
Lorem ipsum dolor sit amet，是一位杰出的领导者。不要用钻石。他坐在阿梅特·伊普苏姆·莫里斯旁边。这是一个非常重要的问题。Donec et mollis dolor。自由主义者的权利和义务是绝对的。我是天生的，但我是一个天才。不可自由使用的arcu车辆属于非侵权人。Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安和孕妇罗琳。这是一只猫头鹰，枕着一个半圆形的脑袋，一只可爱的猫头鹰。佩伦茨克拍卖人nisi id magna consequat sagittis。这是一位杰出的法雷特拉·蒂奇登·菲吉亚·尼斯勒（feugiat nisl）的饮食专家。我们在乌尔纳乌尔特里塞斯accumsan的自由。多内克·塞德·奥迪奥·厄罗斯。在马莱苏亚达拱门广场上，我的生活充满了欢乐。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。在吴茱萸中。东部sem facilisis semper ac的Mauris vitae nisi。

只需在div中添加
overflow:hidden
，对span不做任何操作。真的这么简单吗？是的。Doh。谢谢