Javascript 将多个子div追加到父div

我想将所有子div附加到父div的底部。 以下是我目前的代码：

.valign{
显示：内联块；
宽度：100%；
位置：相对位置；
}
.街区{
显示：内联块；
最大宽度：75%；
}
瑞德先生{
浮动：左；
填充：10px；
背景色：红色；
}
黄先生{
浮动：左；
填充：10px；
背景颜色：黄色；
}
格林先生{
浮动：左；
填充：10px；
背景颜色：绿色；
}

我的底部对齐的div1
我的底部对齐的div 2
我的底部对齐的div3

尝试下面的代码，它会在.red类中创建一个p标记。这就是你要找的

var rd = document.querySelector(".red");
var rdp = document.createElement("p");
var rdpt = document.createTextNode("my bottom aligned div 1");
rdp.appendChild(rdpt);
rd.appendChild(rdp);

---

尝试下面的代码，它会在.red类中创建一个p标记。这就是你要找的

var rd = document.querySelector(".red");
var rdp = document.createElement("p");
var rdpt = document.createTextNode("my bottom aligned div 1");
rdp.appendChild(rdpt);
rd.appendChild(rdp);

---

如果希望每个子级都垂直附加，请使用以下CSS：

.block {     
    display: inline-block;
    max-width: 75%;
    clear:both;
}

---

如果希望每个子级都垂直附加，请使用以下CSS：

.block {     
    display: inline-block;
    max-width: 75%;
    clear:both;
}

---

纯粹的CSS不可能满足您的需求。您需要使用一些JS。是的，我使用JS将child附加到父div。与from相同，但仍然不起作用：（我想你不太清楚你想要什么，因为你已经有了一些子元素。现在如果你打算添加更多的元素，然后在父div的底部对齐，那么你必须使用JS。我在JS中创建了parentDiv，并试图将child附加到parentDiv。我已经对父div和子div应用了CSS，正如我在c中提到的ode。你真正的意思是什么？你是在谈论创建更多的div或对齐子div的位置吗？请详细说明或创建一个图像或显示类似的演示…纯CSS无法实现你想要的。你需要使用一些JS。是的，我使用JS将子div附加到父div。与from相同，但仍然不起作用：（我想你不太清楚你想要什么，因为你已经有了一些子元素。现在如果你打算添加更多的元素，然后在父div的底部对齐，那么你必须使用JS。我在JS中创建了parentDiv，并试图将child附加到parentDiv。我已经对父div和子div应用了CSS，正如我在c中提到的ode。你真正的意思是什么？你是在说创建更多的div还是对齐子元素的位置？请详细说明或创建一个图像或显示类似的演示…这整件事似乎有点多余。div默认为块元素，为什么需要浮动和清除？这整件事似乎有点多余。div是de的块元素那么为什么需要浮动和清除故障呢？