我有一个包含按钮的div。这个按钮需要位于divs顶部边框的中心,但是对我来说,即使使用浮动控件,我似乎也无法使其正常工作。这需要保持响应速度,并且按钮应始终保持在div顶部边框的中心。
这是我要做什么的图片。
.ThankYouReview {
display: block;
width: 90%;
background-color: #F3F5FB;
margin-left: 5%;
margin-right: 5%;
box-sizing: border-box;
margin-bottom: 5%;
margin-top: 5%;
border-radius: 5px;
}
.ActionButton {
border-radius: 17px;
background-color: blue;
color: white !important;
font-size: 12px;
width: 200px !important;
border: none;
padding: 10px 15px;
margin-bottom: -15px;
display:inline;
padding:10px;
margin-left: 31%;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div class="ThankYouReview" id="pnlUserCommentsDisplayed" runat="server" visible="false">
<button type="button" ID="btn" class="ActionButton" OnClick="copyReviewToClipboard();" >Click Me</button>
<div class="Content" id="ReviewContent" runat="server" visible="true" >
<p>This is content inside the box that will also be displayed.</p>
</div>
</div>