css - 将按钮移至 div 的最右侧

Question

我有如下的div:

<div id="divObservationInput" style="height: 55%; vertical-align: text-bottom;" class="sloInputBox">
            <div id="divEnlargeTextarea" style="height: 97%; width: 99%">


                    <textarea onkeyup="txtobservationbox_onTextChanged();return false;" name="txtobservationbox" id="txtobservationbox" style="height: 100%; width: 100%; overflow: auto; font-size: 12pt;">@ViewBag.ObserverText</textarea>


            </div>
        </div>

和按钮 div 为:

<div id="DivShowInModal" style="background: rgba(0,0,0,0.8);">
    <div>
        <div style="padding-top: 1%; text-align: right; position: relative; width: 80%; height:2%">
            <button onclick="CloseShowInModal()" class="buttoncss">Close</button>
        </div>
        <div id="divModal" style="max-height: 500px; min-height: 500px;">
        </div>

    </div>
</div>

它的外观:

我想将关闭按钮移到 div 的右侧。即它应该是 extreem 到 textarea。

请帮帮我。

我尝试将按钮的右内边距设置为 100%。

但这并没有帮助。

Answer 1

将此“div”的“80%”“宽度”更改为“100%”

<div style="padding-top: 1%; text-align: right; position: relative; width: 100%; height:2%">
    <button onclick="CloseShowInModal()" class="buttoncss">Close</button>
</div>