区别div和span、relative和absolute、display和visibility
发布时间：2009-12-13 12:18:00
div和span、relative和absolute、display和visibility是很容易混淆和弄错的HTML标签与CSS属性，简单的罗列出它们的区别与使用要点，供大家参考。
一、div和span的区别
div是一个块级元素，可以包含段落，表格等内容，用于放置不同的内容。一般我们在网页通过div来布局定位网页中的每个区块。
span是一个内联元素，没有实际意义，它的存在纯粹是为了应用样式，给一段内容加上<span></span>标记可以通过在span上定义样式来设定其内容的样式。
二、relative和absolute的区别
relative，CSS中的写法是：position:relative; 他的意思是绝对相对定位，他是参照父级的原始点为原始点，无父级则以BODY的原始点为原始点，配合TRBL进行定位，当父级内有padding等CSS属性时，当前级的原始点则参照父级内容区的原始点进行定位。
absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。
三、display和visibility的区别
display:none和visibility:hidden都可以隐藏一个元素
但visibility:hidden只是隐藏了元素的内容，但其使用的位置空间仍然被保留。
而display:none则相当把元素从页面中去除，其占用位置也将被删除。
0
投稿猜你喜欢
Golang可以通过断言，判断值的类型s:="hello world"i:=interface{}(s)//将数值转化为- 这个东西算是我被这个shuffle坑了的一个总结吧！首先我得告诉你一件事，那就是pytorch中的tensor，如果直接使用random.s
- 1、创建索引对于查询占主要的应用来说，索引显得尤为重要。很多时候性能问题很简单的就是因为我们忘了添加索引而造成的，或者说没有添加更为有效的索
- Linux 自动备份oracle数据：曾经有个同事，来回操作开发和生产的数据库，结果误删了生产的数据库，那种心情我想不是一般人能理解的，虽然
- PyQt5布局控件QVBoxLayout简介采用QVBoxLayout类，按照从上到下的顺序添加控件本节内容较少，演示两个实例，便于明白QV
- 谁在用这些导航google是个大公司,全世界都有google的脚印,韩国的google动画效果非常不错,蓝色理想论坛里已经有人挖过来了,可惜
- 本文实例为大家分享了Python代码实现双链表的具体代码，供大家参考，具体内容如下双链表的每个节点有两个指针： 一个指向后一个节点，另一个指
- 1、说明*,nkw表示命名关键字参数，是用户想输入的关键字参数名称，定义方式是在nkw前追加*,2、作用限制调用者传达的参数名称。3、实例#
- 本文实例讲述了python数组过滤实现方法。分享给大家供大家参考。具体如下：这段代码可以按照指定的条件过滤数组内的元素，返回过滤后的数组li
- 本文实例讲述了Python subprocess模块功能与常见用法。分享给大家供大家参考，具体如下：一、简介subprocess最早在2.4
- 在SQL SERVER中如何通过SQL语句获取服务器硬件和系统信息呢？下面介绍一下如何通过SQL语句获取处理器(CPU)、内存（Memory
- 首先了解python对象的概念python中，万物皆对象，所有的操作都是针对对象的。 那什么是对象？5是一个int对象，‘oblong
- 我和朋友都建了一个电子商务网站，大量的访问，频繁地建立和中断数据库连接，导致Web 数据库应用程序降低了数据库服务器的性能。但最近，朋友使用
- Python pip安装lxml出错的问题解决办法1. 在使用pip安装lxml过程中出现了一下错误： &
- 很多人不知道SQL语句在SQL SERVER中是如何执行的，他们担心自己所写的SQL语句会被SQL SERVER误解。比如：select *
- layui的table的自定义模板需要用到{{}}，但是和Django的{{}}冲突了，layui的{{}}失效了解决方法：从Django
- 前言每个人写脚本时的格式都会有所不同，有的会注明脚本本身的一些信息，有的则开门见山，这在小团队里其实没什么，基本别人做什么你也都知道，但如果
- 作为一款「写作软件」在诞生之初就支持了 Markdown，Markdown 是一种「电子邮件」风格的「标记语言」，我们强烈推荐所有写作者学习
- 我就废话不多说了，直接上代码吧！>>> list1 = [1,2,3,4,4]>>> list2 = [
- 本文实例分析了PHP中怎样防止SQL注入。分享给大家供大家参考。具体分析如下：一、问题描述：如果用户输入的数据在未经处理的情况下插入到一条S
