html - 按钮现在处于透明状态？

Question

我一整天都在使用这些按钮时遇到麻烦。首先，两个按钮像这样叠在一起，http://i.imgur.com/wVmntpQ.jpg现在在这里发帖询问要做什么之后，现在看起来像这样，http://imgur.com/OmXDQct 有人告诉我要更改我的 css:

CSS: 按钮{
向左飘浮; 边距顶部:250px； 白颜色; 显示: block ； 边距:30px； 填充:7px 35px； 字体:300 150% langdon； 背景:透明； 边框:3px 纯白色； 游标:指针； }

  button:hover {
  background: black;
  border: 1px solid black;
  }

  button:active {
  background: #2e2e2e;
  border: 1px solid black;
  color: white;
  }

Answer 1

我猜你只需要将 position:relative 添加到包含按钮的 div 中，这样就可以了:

HTML

<div style="position: relative;">
    GO ROAM</br>
    START HERE.
    <button>SIGN UP</button>
    <button>LOG IN</button>
</div>

希望这对你有帮助...