文档章节

position属性值多少,面试必备

溪语_8023
 溪语_8023
发布于 2016/12/01 16:03
字数 362
阅读 11
收藏 0

position属性可能的值有四种:static,relative,absolute,fixed。

static:默认值,没有定位,元素在正常的流中进行显示,left,right,top,bottom属性或者z-index声明不可用。

relative:生成相对定位的元素,相对于正常位置进行定位,可以使用left,right,top,bottom属性;

当进行left等属性的设置时,元素尽管表面上看到它偏离了原来的位置,但它实际上在文档流中还是没变。

absolute:生成绝对定位的元素,可以使用left,right,top,bottom属性;相对于static以外的第一个父元素进行定位,脱离文档流

fixed:生成固定定位的元素,可以使用left,right,top,bottom属性;相对于浏览器窗口是固定的.不随着文档进行移动。

sticky:基于用户的滚动位置来定位。粘性定位的元素是依赖于用户的滚动,在 position:relative 与 position:fixed 定位之间切换。

在目标区域以内,它的行为就像 position:relative; 而当页面滚动超出目标区域时,它的表现就像 position:fixed;,它会固定在目标位置。
 

© 著作权归作者所有

共有 人打赏支持
溪语_8023
粉丝 0
博文 27
码字总数 17461
作品 0
杭州
私信 提问
Web前端面试指导(十):元素定位有哪些?

本题点评 在web前端中,元素定位是必须掌握的,是网页制作的必备技能,也是衡量是否为一个合格的web前端开发的标准之一,在网页设计中,很多地方都需要使用定位,例如菜单弹出,提示信息层等...

智学无忧1
2017/05/04
0
0
前端优化 图像加载 js

做一个图片轮播的脚本。 我:blablabla(总 之就是通过父元素设置overflow为hidden,position为relative,然后几个图片列表修改他的 left值。因为之前我写过一个,所以我还说道了如何实现动画...

don_123
2016/01/28
85
0
前端开发面试题总结之——CSS3

相关知识点 题目&答案 如何理解CSS的盒子模型? link和@import的区别? CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算?CSS 3新增伪类有哪些? 如何居中div,如何居中一个浮动元素...

sandisen
2017/02/18
0
0
nio buffer的capacity,position和limit

nio Buffer的capacity,position,limit的3个属性说明: capacity:Buffer的内存固定的一个大小值,一般创建Buffer时初始化写入-->ByteBuffer.allocate(capacity),需注意写入数据时需考虑数据...

Jack_Q
2015/09/22
836
2
Java NIO使用及原理分析(二)

转载自:李会军•宁静致远 在第一篇中,我们介绍了NIO中的两个核心对象:缓冲区和通道,在谈到缓冲区时,我们说缓冲区对象本质上是一个数组,但它其实是一个特殊的数组,缓冲区对象内置了一些...

tantexian
2016/07/07
10
0

没有更多内容

加载失败,请刷新页面

加载更多

多表查询

第1章 多表关系实战 1.1 实战1:省和市  方案1:多张表,一对多  方案2:一张表,自关联一对多 1.2 实战2:用户和角色 (比如演员和扮演人物)  多对多关系 1.3 实战3:角色和权限 (比如...

stars永恒
今天
7
0
求推广,德邦快递坑人!!!!

完全没想好怎么来吐槽自己这次苦逼的德邦物流过程了,只好来记一个流水账。 从寄快递开始: 2019年1月15日从 德邦物流 微信小app上下单,截图如下: 可笑的是什么,我预约的是17号上门收件,...

o0无忧亦无怖
昨天
7
0
Mac Vim配置

1.升级 vim   我自己 MacBook Pro 的系统还是 10.11 ,其自带的 vim 版本为 7.3 ,我们将其升至最新版: 使用 homebrew : brew install vim --with-lua --with-override-system-vim 这将下...

Pasenger
昨天
8
0
vmware安装Ubuntu上不了网?上网了安装不了net-tools,无法执行ifconfig?

1.重新设置网络适配器还是不行,如下指定nat 2.还需要指定共享网络,我是在无线环境下 3.无法执行ifconfig https://packages.ubuntu.com/bionic/net-tools到这个网站下载net-tools的deb文件...

noob_chr
昨天
5
0
解决SVN:E210007无法协商认证机制

svn:E210007 svn: Cannot negotiate authentication mechanism 执行下面代码即可 sudo yum install cyrus-sasl cyrus-sasl-plain cyrus-sasl-ldap...

临江仙卜算子
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部