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

  • 相关阅读:
    防止头文件的重复包含问题
    git常用命令
    redis
    linux常用操作
    数据库安装
    mysql修改表结构
    mysql 忘记root密码及授权访问
    mysql连表查询
    mysql 存取ip方法
    php批量修改表结构
  • 原文地址:https://www.cnblogs.com/bianyuan/p/2356220.html
Copyright © 2011-2022 走看看