Question

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

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

Answer 1

尝试将display:inline-block添加到您的css按钮。这应该允许根据需要进行调整。默认情况下，div是块级元素，因此占用整个可用宽度。内联元素只占用所需的空间。内联块允许元素具有特定的宽度和高度。