はてブPocket今回はCSSでリンク(aタグ)のクリック範囲を親要素全体に広げる方法を紹介します。PCサイトはもちろん、スマホサイトでは特にリンクの範囲が広い方がユーザーとしては使いやすくなります。意外と使う機会が多いテクニックではないでしょうか。リンクを親要素全体に広げる方法HTMLとCSSだけで簡単に実装できます。100%;}コードは超シンプルです。ポイントは親要素に[position:relative]、子要素に[position:absolute]を指定すること。親要素の左上から幅・高さ100%のaタグレイヤーを重ねるイメージですかね。親要素はdivでなくてもOK。liなどのブロック要素であれば同じ動きになります。「断トツの首位」「断トツのビリ」は間違い?よく耳にするけど実は間違っている日本語コメント返信をキャンセルする。黒烏龍茶は本当に脂肪の吸収を抑えるのか?飲み続けてわかった驚きの効果iTunesにiPhoneを接続してもデバイスを認識しない時の解決方法ブログについて著者:Turkey某システム会社のホームページ担当。ブログ名のWeberNote[ウェバーノート]は「Web屋のノート」という意味でつけました。