多个筛选框排列方式
每个筛选的div的class都设置为同名(input-group) 然后名字用span包裹住 input栏或者select栏外可以不用新div包裹
然后给input-group设置样式:display:inline-block
然后对于操作按钮可以设置float-right使其放在最右端
他们的最外层设置高度并且设置overflow:auto
pagination固定在页面底端 table设置scroll
//元素包裹情况大概是这样:
首先要知道设置overflow必须要给设置overflow的元素一个高度 可以使用calc(100vh - 30px)
这个方式 也可以监听body的高度变化。
.table_pagination {
position: relative;
height: calc(100vh - 250px);
bottom: 2px;
.table {
overflow: auto;
}
.pagination {
position: relative;
}
给包裹住pagination的div设置position:relative,并且包含其的父组件也需要设置position:relative