我怎样才能得到一些按钮来对齐左边和一些对齐右边的DIV？

Question

这里的很多东西我试过一个：

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

我怎样才能获得按钮XX去左边和YY的权利？

Answer 1

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

注意：绝对定位的元素忽略浮点属性！

left元素漂浮在左侧。

right元素漂浮在右边。

.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 2

试试这个

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

.align-left{ 

    float:left; 
} 
.align-right{ 

    float:right; 
} 

Answer 3

尝试使用花车：

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

Answer 4

你可以简单地使用样式= “浮动：左” 和 “浮动：权利”

.align-left 
{ 
float:left 
} 

.alight-right 
{ 
float:right 
} 

Answer 5

You ca Ñ尝试

<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>