在CSS中,高度:0和未指定的高度之间有什么区别?

在CSS中,高度:0和未指定的高度之间有什么区别?,css,Css,据我所知,这并不遥远,一个高度的div:0;没有指定高度的div将同时扩展到包含其子元素所需的高度。为什么要对高度进行编码:0 我相信有一个很好的理由不正确 具有特定高度的div永远不会展开。因此,如果div的内容大于所需高度,则内容将溢出,但div不会扩展 这里有一个例子来说明这一点 第一组{ 保证金:5px; 边框:5px纯灰; 背景:红色; } 第2组{ 保证金:5px; 边框:5px纯灰; 背景:绿色; 身高:0; } a a a a a a a a 指定“高度:0”时,元素的扩展不会

据我所知,这并不遥远,一个高度的div:0;没有指定高度的div将同时扩展到包含其子元素所需的高度。为什么要对高度进行编码:0

我相信有一个很好的理由不正确

具有特定高度的div永远不会展开。因此,如果div的内容大于所需高度,则内容将溢出,但div不会扩展

这里有一个例子来说明这一点

第一组{ 保证金:5px; 边框:5px纯灰; 背景:红色; } 第2组{ 保证金:5px; 边框:5px纯灰; 背景:绿色; 身高:0; } a

a

a

a

a

a

a

a

指定“高度:0”时,元素的扩展不会超过零像素


如果不指定高度,则元素将扩展到其内容的高度。

我认为您说的高度为0的div将扩展以显示其子元素的说法是不对的。正如您所预期的,将高度设置为零,div将消失。它的子对象仍然可以显示,但div的高度为零。尝试以下组合:

#my-div{
  height:0;
  overflow:hidden;
}

这样,从div溢出的任何内容都将被隐藏,高度:0的效果应该更明显。

高度:0与未指定高度之间存在巨大差异。两者都将显示内部内容,但如果未设置溢出:隐藏,则将显示内容的高度:0;但它不会增加基于高度的内容,但没有指定的高度将显示内容,其高度将自动增加,请参见[此处][1]

  [1]: https://jsfiddle.net/ntpr5enu/

高度为0的div永远不会展开。没有指定高度的div将被删除。它可能看起来像是因为内容溢出而扩展。尝试将边框、背景色或溢出:隐藏到高度为0的元素。谢谢大家。我要删除这个问题,它是愚蠢的。哦,等等,我现在不能,因为已经有人回答了。哦,好吧,这不是一个愚蠢的问题。别担心。