将按钮移至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>

看起来：

我想把那个关闭按钮放到extreem的右边。 即对文本区来说应该是权利。

请帮帮我。

我尝试将按钮设置为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>

Answer 2

我想你必须这样做 用HTML格式

<div class="relative">
    <div class="button">
        <button onclick="CloseShowInModal()" class="buttoncss">Close</button>
    </div>
    <div id="divModal" style="max-height: 500px; min-height: 500px;">
    </div>

</div>

在CSS中

.relative { position: relative; } .button { position: absolute; top: 0; right: 0; }

Answer 3

使用此代码n尝试一次

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

    </div>
</div>

我按位置缩放：绝对和右：0

Answer 4

您可以使用位置绝对，右侧为0作为按钮。为此，您需要为其父div提供相对位置。

[Demo](http://jsfiddle.net/Rj3Mh/)