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按钮绝对定位到相应的位置。

原文地址:https://www.cnblogs.com/bianyuan/p/2356220.html