在div中放置一个按钮

Question

正如您在Jsfiddle中看到的那样，我有一个div和三个按钮。我希望按钮放在right: 85%（这样你就可以得到我的意思），而不必使用position: absolute。

我也试过这个：

.button {
    float: right;
}

..但是按钮会从div开出。

有什么想法吗？

Answer 1

更改标记并添加课程：

<div class="header_div">
   foo

   <div class='btns'>
      <button class="button">New</button>
   </div>
   <div  class='btns'>
      <button class="button">Load</button>
   </div>
   <div  class='btns'>
      <button class="button">Delete</button>
   </div>
</div>

而不是..

.button {
    float: right;
}

试试这个......

.btns {
    float: right;
}

Answer 2

这是我的JsFiddle。

我添加了一个div来保存你的三个按钮div。您可以更新边距，使其更靠左边。

div.button-holder div:last-child{  
    margin-right: 10px;   
}