css - 将两个 div 对齐？导轨

Question

我有这两个按钮 div，我想在彼此下方对齐，彼此之间有大约 10px 的边距。这是代码，拍手没有意义。

<div id = "buttons">

      <div id = "signin-button">
      <%= link_to "Sign In", new_user_session_path, :id => "SignInText" %>
    </div>

    <div id = "signup-button">
      <%= link_to "Sign Up", new_user_registration_path, :id => "SignUpText" %>
    </div>

  </div>

Answer 1

一些css，你完成了：

#signin-button,
#signup-button
{
  float: right;
  margin-bottom: 10px;
}

并更改您的 div 以使用类而不是 id。

Answer 2

这两个 div 可以使用这个 css 在彼此下方对齐 -

 #signin-button,#signup-button{ display : inline position:absolute;margin-bottom: 10px; }