html - divの右側にあるボタンを押す方法は？

Question

HTMLでの私のマーク：

<div>
    <asp:Button runat="server" ID="btnUpload" Text="Загрузить" OnClick="btnUpload_Click" />
</div>

私のcss：

.dwnButtonDiv {
    clear:both; 
    text-align:right;
}

Answer 1

これには2つの選択肢があります。

div内のすべてのコンテンツを右に移動する場合は、正常にtext-align: right機能します。これにより、ボタンとその他のコンテンツが右に移動します。

ボタンだけを右に移動し、他のコンテンツは左に残したい場合はfloat: right;、ボタン自体に適用する必要があります。overflow: auto;また、ラッパーdiv（またはある種のclearfixソリューション）で使用して、divが内部にフローティング要素を含むように正しく形成されるようにすることも検討する必要があります。

これは、それを行う2つの方法を示すjsfiddleです。

Answer 2

これが機能するかどうかはわかりませんが、次を追加してみてください。

<asp:Button runat="server" ID="btnUpload" Text="Загрузить" OnClick="btnUpload_Click" style="float:right;" />

Answer 3

試す;

<div class="class1">
    <asp:Button runat="server" ID="btnUpload" Text="Загрузить" OnClick="btnUpload_Click" />
</div>

.class1{
    text-align:right;
}
.dwnButtonDiv {
    clear:both; 
    text-align:right;
}