ボタンがパッド内の余白や余白に反応しない

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

Current Look

出典

2016-11-26 Matt

'display：inline-block'を試しましたか？ –

一般的に、スクリーンショットではなく、ライブコードの最小セットで問題を表示するほうがずっと便利です。 – jcuenod

あなたのCSSボタンにdisplay:inline-blockを追加してみてください。これにより、必要に応じて調整することができます。 divはデフォルトではブロックレベルの要素であり、利用可能な幅全体を占有します。インライン要素は、必要なだけ多くの領域を占有します。インラインブロックでは、要素の幅と高さを指定できます。

http://www.w3schools.com/css/css_display_visibility.asp

出典

2016-11-26 22:34:30

'' inline-block'を意味しますか？ – jcuenod

@jcuenodおそらく、私はHTMLの専門家ではありません。私はそれがちょうどインラインであると思った、しかしそれはインラインブロックかもしれない。 –

@jcuenodええ、それは私が意味したことです。ちょうどチェックした。私の悪い！ありがとう。 –

ボタンがパッド内の余白や余白に反応しない

答えて

関連する問題