2015-02-09 60 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