什么是'身高:0;' CSS中的意思?

时间:2015-09-14 12:26:40

标签: html css

我正在处理一些旧的css代码。在许多地方,他们已将高度声明为 height:0; 。这个 0 意味着什么,它在哪个单位?

任何人都可以帮助我。

3 个答案:

答案 0 :(得分:3)

" 0"不需要单位height:0;height: 0px;height: 0%;

相同
height:0;

结果实际上取决于目标元素: EX:

#parentdiv{height:0;}

这只是使父div的高度为0px,但这并不意味着子div不会出现,只有在溢出时才会出现:隐藏;也会用。 所以它实际上取决于它附加的元素。

答案 1 :(得分:3)

css 高度中的

表示元素的物理高度。

height:0pxheight:0%相同。

假设以下html元素有一个属性height:0;而另一个有属性height:100px让我们看看会发生什么

#me {
  height: 0;
  background-color: #333;
}
#me2 {
  height: 100px;
  background-color: #333;
  color: white;
}
<div id="me" style="">this is an element</div>
<br/>
<div id="me2" style="">this is an element</div>

答案 2 :(得分:0)

如果图片

0%= 100%:-D

img {height: 0%}
<img src="https://www.w3schools.com/css/paris.jpg"></img>

但是0%不是0或0px

img {height: 0}
<img src="https://www.w3schools.com/css/paris.jpg"></img>

img {height: 0px}
<img src="https://www.w3schools.com/css/paris.jpg"></img>