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

尝试;

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

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

Answer 2

不确定这是否有效，但尝试添加：

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

Answer 3

为此，您有两种选择。

如果您想将div 中的所有内容向右移动，则text-align: right可以正常工作。这会将按钮以及任何其他内容向右移动。

如果您只想将按钮向右移动，而将任何其他内容留在左侧，那么您应该应用float: right;到按钮本身。您还应该考虑overflow: auto;在包装器 div （或某种类型的 clearfix 解决方案）上使用，以确保 div 格式正确，其中包含浮动元素。

这是一个 jsfiddle演示了两种方法。