按鈕不會對CSS中的填充或邊距做出反應

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是塊級元素，因此會占用全部可用寬度。 內聯元素僅占用所需的空間。 內聯塊允許元素具有特定的寬度和高度。