CSS Position
作者：糖伴西红柿 来源：前端观察 发布时间：2009-05-17 14:27:00
标签：css,位置,position
1. position:static
所有元素的默认定位都是：position:static，这意味着元素没有被定位，而且在文档中出现在它应该在的位置。
一般来说，不用指定 position:static，除非想要覆盖之前设置的定位。
#div-1 { position:static;}
2. position:relative
如果设定 position:relative，就可以使用 top,bottom,left 和 right 来相对于元素在文档中应该出现的位置来移动这个元素。【意思是元素实际上依然占据文档中的原有位置，只是视觉上相对于它在文档中的原有位置移动了】
#div-1 { position:relative; top:20px; left:-40px;}
3. position:absolute
当指定 position:absolute 时，元素就脱离了文档【即在文档中已经不占据位置了】，可以准确的按照设置的 top,bottom,left 和 right 来定位了。
#div-1a { position:absolute; top:0; right:0; width:200px;}
4. position:relative + position:absolute
如果我们给 div-1 设置 relative 定位，那么 div-1 内的所有元素都会相对 div-1 定位。如果给 div-1a 设置 absolute 定位，就可以把 div-1a 移动到 div-1 的右上方。
#div-1 { position:relative;}#div-1a { position:absolute; top:0; right:0; width:200px;}
0
投稿猜你喜欢
- ⭐️requests的使用（二）上一篇我们说了requests的简单用法，知道了如何发送请求，今天我们更深层次的来学习requests。我们
- 本文实例讲述了Python树莓派学习笔记之UDP传输视频帧操作。分享给大家供大家参考，具体如下：因为我在自己笔记本电脑上没能成功安装Open
- 现象：已知，连接的WIFI网络需要通过代理服务器才能连接外网，按照正常的程序无法发送邮件，而直连一个没有代理的网络【如自己的wifi热点】，
- 本文研究的主要是Python生成器及其应用，具体如下。一、定义可以理解为一种数据类型，这种数据类型自动实现了迭代器协议（其他的数据类型需要调
一、作业需求 二、流程图三、源码与具体思路 import shutilimport osimport sysUSER_LOGIN- import socketdef open_tcp_socket(remotehost,servicename): &
- <html> <head> <title>JavaScript Data Access Test<
- 我就废话不多说了，大家还是直接看代码吧~cmd := exec.Command("cmd") in := bytes.N
- 前提：升序数组，待查元素在数组中。二分查找：就是一个递归函数c。待查元素a，当前数组中位数b，如果b=a则返回b的索引，b>a则在b左
- 本文主要研究的是Python对内存的使用（深浅拷贝）的相关问题，具体介绍如下。浅拷贝就是对引用的拷贝（只拷贝父对象） 深拷贝就是对对象的资源
- Python 是由吉多·范罗苏姆(Guido Van Rossum)在 90 年代早期设计。 它是如今最常用的编程语言之一。它的语法简洁且优
- 本文实例讲述了Python本地与全局命名空间用法。分享给大家供大家参考。具体如下：x = 1def fun(a): b=3 &n
- 1.理论只要两个表的公共字段有匹配值，就将这两个表中的记录组合起来。个人理解：以一个共同的字段求两个表中符合要求的交集，并将每个表符合要求的
- 今天在写vue项目时，用到了computed计算属性，遇到了使用箭头函数出现this指向问题，这里记录下1.箭头函数中的this箭头函数内部
- js function定义函数的4种方法1.最基本的作为一个本本分分的函数声明使用。 复制代码代码如下: function func(){}
- MySQL数据库中如何修改root用户的密码呢？下面总结了修改root用户密码的一些方法1： 使用set password语句修改mysql
- def get_seed_data(filename):dom = minidom.parse(filename)root = dom.do
- python 3.x 环境下，使用h5py加载HDF5文件，查看keys，如下：>>> import h5py>&g
- python安装第三方库大都是通过pip命令安装，这个命令确实是很简便的，而对于每个独立的项目来说，需要用到的库或许会不同，如果删除或更新原
- 一、List移除某个值remove以Python 3.x版本为主remove：列表值移除方法1、函数编号函数名说明1remove移除列表中匹
