html - display:block; の理由 このタグがこの内部の利用可能なすべての領域を埋めないようにする?

Answer 1

あなたのCSSは完全にジャッキアップしています。href は、定義したスペース (つまり、行の高さと、リンクしているテキストの文字列の長さ) だけを占有します。div 全体を占めるようにしたい場合は、含まれる div に幅と高さを設定し、リンクを width: 100%; に設定する必要があります。高さ: 100%;

したがって、定義しているのが食品 ID だけの場合は機能しません。アンカーの周りに div を定義する必要があります。

JS フィドルの例を次に示します: http://jsfiddle.net/pwym7/

<div style="height: 100px; width: 100px;"><a href="#" style="width: 100%; height: 100%; display: block;">WORDS</a></div>