Html 分块高度垂直

我有一个div样式

.metal_rods{        
    max-width:200px;
    background:red; 
    margin:1px;
    display:block;
}

这是提琴

<div class='metal_rods' height='10px'> 50 </div> 
<div class='metal_rods' height='110px'> 50 </div> 
<div class='metal_rods' height='90px'> 50 </div> 
<div class='metal_rods' height='0'> 50 </div>

50
50
50
50

即使div有不同的高度，出于某种原因也会显示相同。 即使显示更改为

内联块

下面是一个演示：

---

我知道我错过了一些简单的东西，但我无法理解它

不要做

height='value'

这是一个对DIV没有意义的属性

---

改为执行

style='height:value'

不要执行

height='value'

这是一个对DIV没有意义的属性

---

改为使用

style='height:value'

不要使用

height

属性，这就像迪斯科舞厅一样

基于评论的更新

高度

就像迪斯科舞厅一样死气沉沉。它无效，请不要使用。曾经如果您过去使用过，请构建一个时间机器，然后将其撤消

仅使用CSS：

<div class='metal_rods' style="height:10px;"> 50 </div> 
<div class='metal_rods' style="height:110px"> 50 </div> 
<div class='metal_rods' style="height:90px'> 50 </div> 
<div class='metal_rods' style="height:0"'> 50 </div>

50
50
不要使用
height
属性，这就像迪斯科一样

基于评论的更新
高度
就像迪斯科舞厅一样死气沉沉。它无效，请不要使用。曾经如果您过去使用过，请构建一个时间机器，然后将其撤消

仅使用CSS：

<div class='metal_rods' style="height:10px;"> 50 </div> 
<div class='metal_rods' style="height:110px"> 50 </div> 
<div class='metal_rods' style="height:90px'> 50 </div> 
<div class='metal_rods' style="height:0"'> 50 </div>

50
50
对于
div
，它不仅是“out”，而且从来没有“in”。图像可以有一个
height
属性，而不是
div
。使用HTMl已经两年了，我以前从未知道这一点。谢谢。请检查我刚刚更新的最后一段。谢谢。我知道b/n内联/外部css声明的区别。我只是想在这个例子中使用height属性。它不仅是“out”，而且对于
div
，它从来都不是“in”。图像可以有一个
height
属性，而不是
div
。使用HTMl已经两年了，我以前从未知道这一点。谢谢。请检查我刚刚更新的最后一段。谢谢。我知道b/n内联/外部css声明的区别。我只是想在这个例子中使用height属性。