2015-02-09 45 views
1

我試圖將兩個元素(按鈕)浮動到柔性容器的右側。在柔性容器中將兩個元素向右浮動

其中一個按鈕也很靈活,因爲其中的文本根據登錄到系統的人而變化。

任何想法如何實現?非常感謝幫助!我已經嘗試了浮動權利(當我這樣做時,按鈕的順序是錯誤的),並顯示:inline-block(不起作用)。

What I'm trying to achieve

編輯:

代碼我試過(即不工作)。這是僞版本,因爲我目前正在檢修預先存在的系統 -

<div style="width: 100%"> 
    <div style="float:right; text-align: right;"> 
     <input type="submit" style="display: inline-block"></button> 
     <button style="display: inline-block"></button> 
    </div> 
</div> 
+2

請發佈您的代碼 – 2015-02-09 11:51:25

+0

@SajadKaruthedath用我的代碼片段更新了原文。 – 2015-02-09 11:55:10

+0

向所有元素添加'position:relative' – 2015-02-09 11:56:40

回答

1

它的工作原理完全perfectly..please檢查你的項目代碼,

<div style="width: 100%"> 
    <div style="float:right; text-align: right;"> 
     <input type="submit" style="display: inline-block"/> 
     <button style="display: inline-block">flexible</button> 
    </div> 
</div> 

作品完美地在這裏.. FIDDLE DEMO

+0

感謝您的幫助:) – 2015-02-11 10:11:49