试图让按钮保持在div顶部边框的中心

时间:2018-09-10 20:50:44

标签: html css css3

我有一个包含按钮的div。这个按钮需要位于divs顶部边框的中心,但是对我来说,即使使用浮动控件,我似乎也无法使其正常工作。这需要保持响应速度,并且按钮应始终保持在div顶部边框的中心。

这是我要做什么的图片。

Button sitting on edge of div (from inside the 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>

0 个答案:

没有答案