aタグのクリック範囲を、囲っているタグ範囲まで拡大する

グローバルナビ作成

<ul>

  <li class="gnavi><a href="#">リスト</a></li>

  <li class="gnavi><a href="#">リスト</a></li>

  <li class="gnavi><a href="#">リスト</a></li>

  <li class="gnavi><a href="#">リスト</a></li>

</ul>

/*---------- 共通ページ ----------*/

/*グローバルナビ表示*/

.gnavi {

  display:inline-block;

  width: 100%; //クリックしたい大きさ

  height: 100%; //クリックしたい大きさ

}

.gnavi a {

  display: block; //これがポイント

  text-decoration: none;

}