CSS 定位(position 与 z-index)
来源:互联网 发布:js中substring源码 编辑:程序博客网 时间:2024/04/30 14:37
一、CSS为我们提供了三种定位机制——普通流、浮动和绝对定位。在讲述position和float之前,还必须明确一个观点,即“一切皆为框”,不管是块级元素、行内元素,都可以看做被框包围的元素,块级元素对应“块框”,行内元素(内联元素)对应“行内框”,以及神秘的”行框(后面专门写文章解释)“。
二、我们为什么要定位——定位为我们提供了通过CSS控制元素位置的方便方式
三、定位属性——Position
- 适用于——所有元素
- 默认值——static
- 百分比——N/A
- 继承性——无
四、value
- static——默认值,没有定位,元素出现在正常的文本流中
- fixed——生成绝对定位的元素,相对于浏览器窗口进行定位(屏幕上显示网页内容的部分,若出现插件占领屏幕空间,则窗口会相应缩小,元素的位置一般也会发生改变)
- relative——元素相对于自身本该出现的位置进行定位,原来的位置依然保留
- absolute——元素相对于第一个设置了position,且value必须为fixed/relative/absolute三者之一的父元素进行定位
五、相关属性
- top/right/bottom/left——元素相对与相应元素在这四个方向上的偏移量
- z-index—— 一般设置平行元素(不具备父子元素关系)的高度,达到元素优先显示的目的
0 0
- CSS 定位(position 与 z-index)
- html position与z-index定位学习
- css:position 与 z-index 问题(1)
- css: position 与 z-index 问题(2)
- css中z-index与position
- 关于position(续)-z-index定位
- css中z-index与position属性的巧妙应用
- relative、position与z-index
- css定位z-index问题
- CSS入门(8)-position和 z-index属性
- 浅析CSS——元素重叠及position定位的z-index顺序
- 有关CSS 定位中的盒装模型、position、z-index的学习心得
- 浅析CSS——元素重叠及position定位的z-index顺序
- 浅析CSS——元素重叠及position定位的z-index顺序
- 浅析CSS——元素重叠及position定位的z-index顺序
- 浅析CSS——元素重叠及position定位的z-index顺序
- 浅析CSS——元素重叠及position定位的z-index顺序
- 浅析CSS——元素重叠及position定位的z-index顺序
- php页面防重复提交方法总结
- 托福_考试注意事项
- cisco N5K FC配置 UCS 5548+ 6248
- centos 安装Apache、MySQL、PHP
- lua简介
- CSS 定位(position 与 z-index)
- vmware客户端下载地址
- 字符变换
- Struts2工作原理模拟
- netty 常用类 5.0.0.Alpha1
- unity3d简介
- 数据结构复习——第一章:绪论
- c keyword restrict
- Linux系统下的两个网络扫描工具