Css 对齐div底部的按钮

Css 对齐div底部的按钮,css,position,Css,Position,我需要对snnipet执行相同的操作,但在.footer .footer{ 背景:蓝色; 宽度:1200px; 高度:250px;//我需要更改这个 } .footer.container{ 宽度:100%; 身高:100%; 保证金:0自动; } .footer.container.col-25{ 宽度:25%; 浮动:左; 框大小:边框框; 身高:100%; 填充:0 30px; } .footer.container.col-25.footer col{ 颜色:#fff; 身高:100%

我需要对snnipet执行相同的操作,但在
.footer

.footer{
背景:蓝色;
宽度:1200px;
高度:250px;//我需要更改这个
}
.footer.container{
宽度:100%;
身高:100%;
保证金:0自动;
}
.footer.container.col-25{
宽度:25%;
浮动:左;
框大小:边框框;
身高:100%;
填充:0 30px;
}
.footer.container.col-25.footer col{
颜色:#fff;
身高:100%;
显示:内联块;
位置:相对位置;
}
.footer.container.col-25.footer col h2{
字号:18px;
}
.footer.container.col-25.footer col输入[type=“button”]{
字体大小:16px;
颜色:#3da6cc;
背景:#fff;
填充:10px;
宽度:100%;
边界:无;
边界半径:3px;
位置:绝对位置;
底部:10px;
}
.footer.container.col-25.footer-col.present.text-centered-y{
位置:绝对位置;
最高:50%;
转化:translateY(-50%);
}
.footer.container.col-25.footer-col.present.text-centered-y h1{
字体:斜体;
}
.footer.container.col-25.footer-col.present.text-centered-y h1 span{
颜色:#29738e;
}
.footer.container.col-25.footer-col.present.text-centered-y h3{
字体重量:较轻;
}

乱数假文
知识是一种美德,是一种美德,是一种美德,是一种美德。但我不知道怎么做

乱数假文 知识是一种美德,是一种美德,是一种美德,是一种美德。但我不知道怎么做

乱数假文 知识是一种美德,是一种美德,是一种美德,是一种美德。但我不知道怎么做

乱数假文 Lorem ipsum dolor sit amet,是一位杰出的献身者


这是代码。即使你不需要设置高度。或者你也可以改变。或者您可以扩展段落/内容

.footer{
背景:蓝色;
宽度:1200px;
}
.footer.container{
宽度:100%;
身高:100%;
保证金:0自动;
显示器:flex;
}
.footer.container.col-25{
宽度:25%;
框大小:边框框;
填充:0 30px;
填充底部:50px;
}
.footer.container.col-25.footer col{
颜色:#fff;
身高:100%;
显示:内联块;
位置:相对位置;
}
.footer.container.col-25.footer col h2{
字号:18px;
}
.footer.container.col-25.footer col输入[type=“button”]{
字体大小:16px;
颜色:#3da6cc;
背景:#fff;
填充:10px;
宽度:100%;
边界:无;
边界半径:3px;
位置:绝对位置;
最高:100%;
}
.footer.container.col-25.footer-col.present.text-centered-y{
位置:绝对位置;
最高:50%;
转化:translateY(-50%);
}
.footer.container.col-25.footer-col.present.text-centered-y h1{
字体:斜体;
}
.footer.container.col-25.footer-col.present.text-centered-y h1 span{
颜色:#29738e;
}
.footer.container.col-25.footer-col.present.text-centered-y h3{
字体重量:较轻;
}

乱数假文
知识是一种美德,是一种美德,是一种美德,是一种美德。但是,我们必须从根本上解决这一问题。

Lorem ipsum door sit amet,concertetur adipising elite,sed do eiusmod temporal incident Ut labour and dolore magna aliqua。但是,我们必须从根本上解决这一问题。

Lorem ipsum door sit amet,concertetur adipising elite,sed do eiusmod temporal incident Ut labour and dolore magna aliqua。但是,我们必须从根本上解决这一问题。

Lorem ipsum door sit amet,concertetur adipising elite,sed do eiusmod temporal incident Ut labour and dolore magna aliqua。但是,我们必须从根本上解决这一问题。

Lorem ipsum door sit amet,concertetur adipising elite,sed do eiusmod temporal incident Ut labour and dolore magna aliqua。但是,我们必须从根本上解决这一问题。

Lorem ipsum door sit amet,concertetur adipising elite,sed do eiusmod temporal incident Ut labour and dolore magna aliqua。但是,我们必须从根本上解决这一问题。

Lorem ipsum door sit amet,concertetur adipising elite,sed do eiusmod temporal incident Ut labour and dolore magna aliqua。但我不知道怎么做

乱数假文 知识是一种美德,是一种美德,是一种美德,是一种美德。但我不知道怎么做

乱数假文 知识是一种美德,是一种美德,是一种美德,是一种美德。但我不知道怎么做

乱数假文 Lorem ipsum dolor sit amet,是一位杰出的献身者


贴一把小提琴,这样会更容易。你打算叫你的班级
按钮而不是
按钮
?我改进了这个问题。快乐的编码伙伴