zoukankan      html  css  js  c++  java
  • 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按钮绝对定位到相应的位置。

  • 相关阅读:
    一周入门Linux 基础篇 虚拟机迁移和删除
    java修饰符的总结
    磁力种子搜索的网站
    python+爬虫+签名
    python中的matplotlib的一些基础用法
    K-means算法的实现
    Java的学习04
    Java的学习03
    Java的学习02
    Java的学习01
  • 原文地址:https://www.cnblogs.com/bianyuan/p/2356220.html
Copyright © 2011-2022 走看看