a标签深入研究

1.普通a标签，这个没什么好说的，是行内元素，即使加了宽和高也不会占相应的面积。

2.给普通的a标签加上display:block或者float属性，a标签就以块元素显示了，占有相应的面积（这里有宽高），这是比较常用。

3.给普通的a加上position:absolute定位。出现诡异的情况：没有背景的时候ie6 7下a标签没有占相应的面积；有背景的情况下，a标签都占有相应的面积。

4.还说position:absolute的a标签。和第3种情况对比，我们不放背景，给这个绝对定位的a一个同级元素或父元素（高度需要撑开到大于a标签的高度）。

小结：针对第3、4种情况，得出以下结论：a标签position:absolute情况，在ie6 7下给的宽和高不起作用（即使加上display:block）。可以通过背景和撑开高度来解决。最后在实际应用中有一个快捷的解决办法，就是通过插入一个或引入一个gif透明图片，把a本身的高度撑起来。这一点在制作炫丽的专题时候，经常用到，所有的效果图都做背景，a按钮绝对定位到相应的位置。