position的高级使用

static：

默认的position值，按普通的文档流方式定位

relative：

position设为relative时元素所占空间仍然存在，而设relative后的元素top、left、right、bottom都是相对于该元素原本所占的空间

absolute：

position 设为absolute时元素浮出、脱离文档流，原本所占空间不存在，且元素top、left、right、bottom都是相对于HTML，若父级元素有设定position属性为static以外的值的话，则absolute元素top、left、right、bottom相对于该父级元素

父级设为position:relative;

fixed：

position设为fixed时元素相对于浏览器窗口，因此滚动条拖动不影响其位置。但是fixed值在IE6下无效

转载于:https://www.cnblogs.com/ld1992001/p/4212289.html

position的高级使用相关推荐

Boss直聘网爬虫基于requests 请求的源码
import requests from bs4 import BeautifulSoup import re import time import random# from zhi_lian_zha ...
VML实例-画像画板
VML画像画板 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- saved ...
开源GIS平台空间数据管理与发布技术研究
毕业论文(设计) 题目: 开源GIS平台空间数据管理与发布技术研究 2014 年 5 月摘要本文系统地分析了网络地理信息系统(Web GIS)工作原理,阐述了使用免费.开源的GIS平台的开发模式. ...
Javascript 拖拽的一些高级的应用——逐行分析代码，让你轻松了解拖拽的原理...
我们看看之前的拖拽在周围有东西的时候会出现什么问题? 在高级浏览器中不会有啥问题,我们放到IE7下面测试一下,问题就出来了.如图我们可以很清楚的看到,文字都已经被选中了.那这个用户体验很不好,用起来 ...
如果成为一名高级安卓开发_什么是高级开发人员，我如何成为一名开发人员？
如果成为一名高级安卓开发 Becoming a Senior Developer is something many of us strive for as we continue our code ...
linux+用户的shell,Linux用户管理（十）Linux Shell高级
Shell高级一．shell置换和引用 1．什么是置换和引用在shell中具有很多特殊意义的字符(*.?.\等),shell将包含元字符的字符串根据其意义转换成新字符串的过程称为置换:关闭shel ...
JQuery 的部分高级语法
JQuery 高级 1. 动画1. 三种方式显示和隐藏元素1. 默认显示和隐藏方式1. show([speed,[easing],[fn]])1. 参数:1. speed:动画的速度.三个预定义的值( ...
Cacti Weathermap 高级用法（二）
成都长宽Weathermap实际运用的效果图示例: 这是一个CNC出口的质量监控图. 途中cnc节点(红色)是一个展示图例,TEL节点根据存活状态显示为绿色 TEL节点上面P:47.2ms 是一个,这 ...
PHP高级编程SPL
这几天,我在学习PHP语言中的SPL. 这个东西应该属于PHP中的高级内容,看上去非常复杂,可是非常实用,所以我做了长篇笔记.不然记不住,以后要用的时候,还是要从头学起. 因为这是供自己參考的笔记,不 ...

position的高级使用

position的高级使用相关推荐

最新文章

热门文章