在 div 中放置一个按钮

Question

如您在我的 Jsfiddle 中所见，我有一个 div 和三个按钮。我希望将按钮放置在 right: 85% 处（以便您明白我的意思），而不必使用 position: absolute.

我也试过这个：

.button {
    float: right;
}

.. 但是按钮从 div.

上掉了下来

有什么想法吗？

Answer 1

更改标记并添加 class:

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

在 div 中放置一个按钮

Position a button inside a div

html

css

position