按钮不会对CSS中的填充或边距产生反应

我遇到了一个问题，它让我的某个按钮对CSS中的填充或边距产生反应。该按钮停留在div的最底部，并且不会对我分配给div的类中的任何类型的填充或边距做出反应。按钮不会对CSS中的填充或边距产生反应

HTML

<div class="topBorder"> 
    <h1>Matt</h1> 
    <a href="#" class="aboutButton">ABOUT</a> 
</div>

CSS

.aboutButton { 
     color: white; 
     padding: 800px; 
     font-size: 20px; 
     font-family: 'Ubuntu'; 
}

2016-11-26 Matt

你试过'display：inline-block'吗？ –

总的来说，使用最少量的实时代码而不是屏幕截图显示问题会更有用。 – jcuenod

尝试增加display:inline-block到你的CSS按钮。这应该允许根据需要进行调整。 div是默认的块级元素，因此占用全部可用宽度。内联元素只占用尽可能多的空间。内联块允许元素具有特定的宽度和高度。

2016-11-26 22:34:30

你的意思是'inline-block'吗？ – jcuenod

@ jcuenod可能，我不是HTML专家。我认为这只是内联，但它可能是内联块。 –

@ jcuenod是这就是我的意思。刚刚检查。我的错！谢谢。 –

回答