Html 按钮堆积

Question

我有两个按钮，它们看起来像这样

<button class="Entery-Buttons">c#</button>
<button class="Entery-Buttons">Html</button>

他们堆在一起（意思是他们在彼此之上），所以我试着把这个添加到 class

.Entery-Buttons{Margin-left:20px;}

按钮仍然粘在一起。

.Entery-Buttons
{
    background-color:blue;
    color:white;
    position:absolute;
    bottom: 0;
    margin-left:20px;
}

<button class="Entery-Buttons">c#</button>
    <button class="Entery-Buttons">Html</button>

Answer 1

将它们放入容器中并将位置样式应用于容器：

.Entery-Buttons
{
    position:absolute;
    bottom: 0;
    margin-left:20px;
}

.Entery-Buttons > button
{
    background-color:blue;
    color:white;
}

<span class="Entery-Buttons">
  <button>c#</button>
  <button>Html</button>
</span>

Html 按钮堆积

Html Buttons Piling

html

button