我怎樣才能得到一些按鈕來對齊左邊和一些對齊右邊的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>