Question

这是我尝试过的很多事情之一：

<div class="block-footer">
    <div>
        <button class="align-left">xx</button>
        <button class="align-right">yy</button>
    </div>
</div>

如何让按钮xx向左移动，yy向右移动？

Answer 1

试试这个

http://jsfiddle.net/ANC3H/1/

.align-left{

    float:left;
}
.align-right{

    float:right;
}

Answer 2

浮动属性指定框（元素）是否应浮动。

注意：绝对定位的元素会忽略float属性！

左元素浮动到左侧。

正确元素浮动右侧。

.align-left{

    float: left;
}
.align-right{

    float: right;
}

和您的HTML文件

<div>
    <button class="align-left">xx</button>
    <button class="align-right">yy</button>
</div>

或者如果你想直接使用内联CSS。

<div>
    <button style="float: left;">xx</button>
    <button style="float: right;">yy</button>
    <div style="clear: both;"></div>
</div>

Answer 3

尝试使用浮动：

.align-left{
    float: left;
}
.align-right{
    float: right;
}

Answer 4

你可以简单地使用style =“float：left”和“float：right”

.align-left
{
 float:left
}

.alight-right
{
 float:right
}

Answer 5

你可以尝试

<div class="block-footer" style="width:100%;float:left;">
   <div style="width:100%;float:left;">
      <button style="width:100%;float:left;" class="align-left">xx</button>
      <button style="width:100%;float:right;" class="align-right">yy</button>
   </div>

Answer 6

使用CSS属性float，试试这个：

.align-left{
    float:left;
}
.align-right{
    float:right;
}

jsFiddle：here

Answer 7

试试这个：

<div class="block-footer">
    <div>
        <button style="float: left;">xx</button>
        <button style="float: right;">yy</button>
        <div style="clear: both;"></div>
    </div>
</div>

如何让一些按钮左对齐，一些按钮在DIV内对齐？

7 个答案: