增加Div高度

Question

我有以下div：

<div id="outer"> 
<div id="inner" >Inner1
    <div id="ininner1" >Ininner1</div>
    <div id="ininner2">Ininner2</div>
</div>
<div id="inner2">Inner2</div>
</div>

如何增加高度以使它们在一列中？我想的可能是一个for循环，但我不太确定这对divs有什么作用

#inner{
background-color:#B0C2F7;
top: 80px;
left: 125px;
}

#inner2{
background-color:#FF0000;
top: 180px;
left: 25px;
}

Ininner div与“top”的数字不同是相同的。如果可能的话，我只是一种循环方式。

Answer 1

试试这个：

var containerDiv = document.getElementById("circle");
var innerDivs = containerDiv.getElementsByTagName("DIV");
for(var i=0; i<innerDiv.length;i++){
    //height increment here
};