Html 如何"；浮动；俯冲

我知道你可以左右浮动一个div，但是为什么没有一个属性可以让你上下浮动一个div呢？在本例中，我想“浮动”我的.imgBtns，因此它被固定在模态的底部，但找不到实现这一点的方法。我做了一些研究，读了一些关于绝对位置和固定位置的数据，并对这些数据进行了一些处理，但仍然无法正确地进行处理

这是我的密码

.contentThree{
填充顶部：70px；
背景：线性渐变（至右下角，#3d3D，#191919）；
}
.三个p{
垫底：10px；
}
.photoBG span{
字号：2em；
字母间距：2px；
}
.FAA批准的p{
颜色：白色；
}
.photoBG{
利润上限：70像素；
}
贝宝先生{
左侧填充：100px；
}
.paymentBtn1{
填充顶部：10px；
}
.imgText{
颜色：白色；
字体大小：.8em；
字号：100；
垫面：5px；
}
按钮
挑选{
宽度：100%；
}
mDialogPhoto先生{
宽度：95%；
显示：块；
左边距：自动；
右边距：自动；
}
.模态体{
填充：0px；
}
.modal-in{
不透明度：0.8；
}
.模态内容{
背景色：白色；
}
.img响应模式{
边缘顶部：20px；
边缘底部：40px；
显示：块；
宽度：100%；
高度：自动；
}
.模态对话框{
边缘顶部：50px；
}

选择大小
1x1 100.00美元
2x2 200.00美元
3x3 300.00美元
4x4 400.00美元
选材
金属
丙烯酸
帆布
选择坐骑
坐骑1
坐骑2
坐骑3

如果您的模态具有

位置：相对

，只需在要向下浮动的div中添加以下内容：

.divThatNeedsToBeFloatedDown {
position:absolute;
bottom:0;
}

或分别：

.divThatNeedsToBeFloateUp {
position:absolute;
bottom:0;
}

---

对齐元素的最佳方法是

Flexbox

不能使用浮动来调整垂直对齐

测试
#容器{
显示器：flex；
高度：100vh；
宽度：100vw；
背景颜色：粉红色；
}	
#首先{
显示器：flex；
高度：100vh；
宽度：30vw；
}
#其他{
显示器：flex；
高度：100vh；
宽度：70vw；
背景：古色白；
柔性包装：包装；
}
#第一组{
显示器：flex；
自我校准：灵活启动；
宽度：100%；
高度：50px；
背景颜色：海蓝宝石；
}
#第二组{
背景颜色：海蓝宝石；
自对准：柔性端；
宽度：100%；
显示器：flex；
高度：50px；
}
第一
第一组
第二组

您只需在顶部所需的HTML之后再在底部编写所需的HTML…我已经尝试过了，并且效果很好，除了我向下浮动的div已向左浮动并与模式中的第一个div重叠，若这有意义的话。我的第一个div占据了前6列并填充了该部分的高度，我希望我的下两个div堆叠在该div的右侧。所以第三个div，我们正在讨论的那个，将位于PayPal按钮的下面，这是第二个div。很抱歉混淆。对不起，真的没有得到你想要的。你能画这个或再解释一下吗？谢谢）Div3是我正在努力解决的问题，它目前正被提升到Div2，我希望它能粘在容器的底部。查看我的原始帖子，我添加了一张图。