请教一个页面布局的问题

Question

目前的布局是自适应的布局， 如何设置才能让按钮位置固定在底部

Answer 1

可以选择m-newbusines 高度100% 按钮position:absolute; bottom:0
如果不想修改m-newbusines 高度 可以选择btn 相对m-newbusines外面一层定位

还可以用fixed 让按钮固定到最下面 不过这种不太好 不会随着页面滚动了

Answer 2

根据题主给出的描述写了两种思路，希望可以帮到你~

https://stackblitz.com/edit/j...

Answer 3

假设footer为50px，那么设置他上面的height:calc(100% - 50px);
或者flex方式，纵向，

Answer 4

要么把上面撑开，要么定位，不能定位，就得想办法把上面弄高，挤下去。

Answer 5

div.m-newbusines 这个已经是flex了，那么可以利用flex的特性，两端对齐space-between;（上面已有人给出）或者button设置margin-top:auto
https://jsbin.com/raboneteko/...

Answer 6

外层容器占满全屏：position:absolute;top:0;bottom:0,left:0,right:0
内层上面表单区：display:flex,flex:1;overflow-y:auto,flex-direction: column
内层下面按钮区：height: 20px
这个方案为移动端常见的借用absolute实现fixed布局，可以解决IOS在键盘弹出时fixed页面异常问题，可以参考

Answer 7

从题主的截图看，其实已经达到了题主的要求了，按钮已经在你当前按钮所在的父层内的底部了。
只是你的整个表单容器（div）都并没有满屏，仅占了页面的一部分，所以若想要达到满屏的效果可以有两个方案：
一是将当前表单自适应或调整宽度为横向、竖向都满屏，这个可以参考楼上的方法来尝试；
二是将该按钮移到外层满屏层，然后设置JS的点击事件，让点击后提交表单即可。