Html 将按钮div放在table div旁边

我创建了一个表和一个按钮。我试图将button div与名为.wrap table的类的表div右侧对齐，但未正确对齐

我对button类使用了float:left属性，但它在表格下方对齐，而不是在表格右侧对齐

是否有我遗漏的属性需要添加到css中

请帮忙

正文{
溢出：隐藏；
}
.包装表100{
宽度：60%；
}
.表100{
背景色：#fff；
}
桌子{
宽度：100%；
}
th，td{
字体大小：未设置；
右边填充：10px；
文本对齐：左对齐；
}
.专栏1{
宽度：25%；
左侧填充：40px；
}
.专栏2{
宽度：20%；
}
.专栏3{
宽度：20%；
}
.专栏4{
宽度：20%；
}
.表100头{
填充顶部：10px；
垫底：12px；
}
.表100正文td{
填充顶部：16px；
填充底部：16px；
}
/*==================================================================
[固定标题]*/
.表100{
位置：相对位置；
填充顶部：60px；
}
.表100头{
位置：绝对位置；
宽度：100%；
排名：0；
左：0；
}
.表100正文{
最大高度：400px；
溢出：自动；
}
.table100.ver2.table100头{
盒影：0 5px20px 0px rgba（0,0,0,0.1）；
-moz盒阴影：0 5px20px 0px rgba（0,0,0,0.1）；
-webkit盒阴影：0 5px20px 0px rgba（0,0,0,0.1）；
-o盒阴影：0 5px20px 0px rgba（0,0,0,0.1）；
-ms盒阴影：0 5px20px 0px rgba（0,0,0,0.1）；
}
.表100.2第二版{
字体系列：拉托黑体；
字号：18px；
颜色：#fa4251；
线高：1.4；
背景色：透明；
}
.table 100.ver2 td{
字体系列：Lato-Regular；
字体大小：15px；
颜色：#808080；
线高：1.4；
}
.table100.ver2.table100阀体tr{
边框底部：1px纯黑；
}
/*---------------------------------------------*/
.表100.2{
边界半径：10px；
溢出：隐藏；
盒影：0px40pxRGBA（0,0,0,0.15）；
-moz盒阴影：0px40pxrgba（0,0,0,0.15）；
-webkit盒阴影：0 0px 40px 0px rgba（0,0,0,0.15）；
-o盒阴影：0px40pxRGBA（0,0,0,0,0.15）；
-ms盒阴影：0px40pxRGBA（0,0,0,0.15）；
}
/*滚动条主体*/
.js pscroll{
位置：相对位置；
溢出：滚动；
}

名称
日期
类型
地位
卡维亚
01-01-2000
数据模型
完整的
卡维亚
01-01-2000
数据模型
完整的
下拉菜单

好吧，您的问题在于HTML结构，您必须将按钮div移动到主容器下，而不是使用class

wrap-table100

的div，因此，既然您已经在使用flexbox，就不需要使用float，行flex容器将为您完成这项工作

正文{
溢出：隐藏；
}
.货柜-表格100{
宽度：100%；
最小高度：100vh；
背景色：#f4f7；
显示：-网络工具包盒；
显示：-webkit flex；
显示器：-moz盒；
显示：-ms flexbox；
显示器：flex；
对齐项目：居中；
证明内容：中心；
柔性包装：包装；
填充：33px 30px；
}
.包装表100{
宽度：60%；
}
.表100{
背景色：#fff；
}
桌子{
宽度：100%；
}
th，
运输署{
字体大小：未设置；
右边填充：10px；
文本对齐：左对齐；
}
.专栏1{
宽度：25%；
左侧填充：40px；
}
.专栏2{
宽度：20%；
}
.专栏3{
宽度：20%；
}
.专栏4{
宽度：20%；
}
.表100头{
填充顶部：10px；
垫底：12px；
}
.表100正文td{
填充顶部：16px；
填充底部：16px；
}
/*==================================================================
[固定标题]*/
.表100{
位置：相对位置；
填充顶部：60px；
}
.表100头{
位置：绝对位置；
宽度：100%；
排名：0；
左：0；
}
.表100正文{
最大高度：400px；
溢出：自动；
}
.table100.ver2.table100头{
盒影：0 5px20px 0px rgba（0,0,0,0.1）；
-moz盒阴影：0 5px20px 0px rgba（0,0,0,0.1）；
-webkit盒阴影：0 5px20px 0px rgba（0,0,0,0.1）；
-o盒阴影：0 5px20px 0px rgba（0,0,0,0.1）；
-ms盒阴影：0 5px20px 0px rgba（0,0,0,0.1）；
}
.表100.2第二版{
字体系列：拉托黑体；
字号：18px；
颜色：#fa4251；
线高：1.4；
背景色：透明；
}
.table 100.ver2 td{
字体系列：Lato-Regular；
字体大小：15px；
颜色：#808080；
线高：1.4；
}
.table100.ver2.table100阀体tr{
边框底部：1px纯黑；
}
/*---------------------------------------------*/
.表100.2{
边界半径：10px；
溢出：隐藏；
盒影：0px40pxRGBA（0,0,0,0.15）；
-moz盒阴影：0px40pxrgba（0,0,0,0.15）；
-webkit盒阴影：0 0px 40px 0px rgba（0,0,0,0.15）；
-o盒阴影：0px40pxRGBA（0,0,0,0,0.15）；
-ms盒阴影：0px40pxRGBA（0,0,0,0.15）；
}
/*滚动条主体*/
.js pscroll{
位置：相对位置；
溢出：滚动；
}

名称
日期
类型
地位
卡维亚
01-01-2000
数据模型
完整的
卡维亚
01-01-2000
数据模型
完整的
下拉菜单

缺少一些结束标记。我编辑过

正文{
溢出：隐藏；
}
.货柜-表格100{
宽度：100%；
最小高度：100vh；
背景