Html 试图使按钮保持在div顶部边界的中心
我有一个包含按钮的div。这个按钮需要位于divs顶部边框的中心,但对于我来说,即使使用了浮动,我似乎也无法让它工作。这需要保持响应,并且按钮应始终保持在div顶部边框的中心 这是一张我正在尝试做的图片Html 试图使按钮保持在div顶部边界的中心,html,css,Html,Css,我有一个包含按钮的div。这个按钮需要位于divs顶部边框的中心,但对于我来说,即使使用了浮动,我似乎也无法让它工作。这需要保持响应,并且按钮应始终保持在div顶部边框的中心 这是一张我正在尝试做的图片 。谢谢你的评论{ 显示:块; 宽度:90%; 背景色:#F3F5FB; 左缘:5%; 保证金权利:5%; 框大小:边框框; 利润底部:5%; 利润率最高:5%; 边界半径:5px; } .操作按钮{ 边界半径:17px; 背景颜色:蓝色; 颜色:白色!重要; 字体大小:12px; 宽度:20
。谢谢你的评论{
显示:块;
宽度:90%;
背景色:#F3F5FB;
左缘:5%;
保证金权利:5%;
框大小:边框框;
利润底部:5%;
利润率最高:5%;
边界半径:5px;
}
.操作按钮{
边界半径:17px;
背景颜色:蓝色;
颜色:白色!重要;
字体大小:12px;
宽度:200px!重要;
边界:无;
填充:10px 15px;
边缘底部:-15px;
显示:内联;
填充:10px;
左边缘:31%;
}
点击我
这是框中也将显示的内容
使用以下CSS:
.ThankYouReview {
display: flex;
flex-direction:column;
align-items:center;
width: 90%;
background-color: #F3F5FB;
margin-left: 5%;
margin-right: 5%;
box-sizing: border-box;
margin-bottom: 5%;
margin-top: 5%;
border-radius: 5px;
background:black
}
.ActionButton {
border-radius: 17px;
background-color: blue;
color: white !important;
font-size: 12px;
width: 200px !important;
border: none;
padding: 10px 15px;
position:relative;
bottom:1em;
}
你能发一些代码吗?这样我们就可以看到你犯了什么错误!我们不能假设任何事情。我只是假设了,对不起,我没有在我原来的帖子中包含这一点!你好绝对位置将帮助您。