关于a标签不能应用到整个li标签的一些小问题

今天在学习bootstrap的时候，刚学到列表排版，心中一动就想做一个简单的导航栏出来，就当复习复习。
但我写完之后发现鼠标只有移动到文字的时候才能变成一个手，在 li的区域毫无反应，我就想着改变一下a标签的高度和宽度，但发现并没有用，最后查了一下，发现a标签是行内元素（inline）。

行内元素（inline）： 与其他元素在同一行上，高度、宽度以及行高不可改变，高度就是内容的高度，宽度就是内容的宽度，不可以改变。内容可以是文字或图片。

所以，我们只要改变其display属性即可，这里有两个选择：

块级元素（block）： 会占页面的一行，其后的元素自动换行、可以设置宽度、高度，就算设置了width，这一行也是归它的，可以设置margin与padding属性。

行内块状元素（inline-block）： 行内元素（inline）与块级元素（block）的混合产物，将元素显示为行内块状元素，设置该属性后，既能设置宽度和高度，还能与其他元素在同一行上。

看情况我们应该选择 行内块状元素（inline-block），毕竟导航栏在一行，当然竖着的导航栏另算。

设置如下：

a{
		display: inline-block;
}

这样 a标签就会高度占满，我们只要设置：

a{
		width:100%
}

就能让 a标签的宽高占满 li标签。

这样我们在 li标签范围内 a标签范围外鼠标也能变成一个手了。