div中position的相对绝对路径的详解
来源:互联网 发布:minitab 两组数据分析 编辑:程序博客网 时间:2024/05/01 14:20
本文转载于:http://www.cnblogs.com/yangzhilong/p/3786213.html定位标签:position 包含属性:relative(相对) absolute(绝对) 1.position:relative; 如果对一个元素进行相对定位,首先它将出现在它所在的位置上。然后通过设置垂直或水平位置,让这个元素"相对于"它的原始起点进行移动。(再一点,相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其他框)2.position:absolute; 表示绝对定位,位置将依据浏览器左上角开始计算。 绝对定位使元素脱离文档流,因此不占据空间。普通文档流中元素的布局就像绝对定位的元素不存在时一样。(因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其他元素并可以通过z-index来控制它层级次序。z-index的值越高,它显示的越在上层。)3.父容器使用相对定位,子元素使用绝对定位后,这样子元素的位置不再相对于浏览器左上角,而是相对于父窗口左上角4.相对定位和绝对定位需要配合top、right、bottom、left使用来定位具体位置,这四个属性只有在该元素使用定位后才生效,其它情况下无效。另外这四个属性同时只能使用相邻的两个,不能即使用上又使用下,或即使用左,又使用右。 下面是一个DIV内多个DIV的相对绝对布局: 关键因素:外层加position:relative,里面的div使用position: absolute,
但这种方法的问题有:外层的div必须指定具体的height,高度不能使用百分比
但这种方法的问题有:外层的div必须指定具体的height,高度不能使用百分比
0 0
- div中position的相对绝对路径的详解
- div的position的相对绝对定位
- C# 中相对路径、绝对路径的问题
- jsp中相对/绝对路径的计算
- C# 中相对路径、绝对路径的问题
- j2ee中绝对路径、相对路径的获取
- div+css 中相对定位于绝对定位的详解
- 绝对路径/相对路径(div)
- Servlet的相对路径与绝对路径的详解
- Linux操作系统的绝对路径和相对路径详解
- php 相对路径中 及 绝对路径中 的一些问题
- 绝对路径相对路径的比较
- servlet中获得tomcat项目相对路径的绝对路径
- 在jsp中把相对路径变为绝对路径的方法
- Servlet中获得当前应用的相对路径和绝对路径-
- java/jsp中绝对路径和相对路径的问题[FROM]
- java/jsp中绝对路径和相对路径的问题[FROM]
- JSP中获得当前应用的相对路径和绝对路径
- iOS 引导图的聚光灯效果代码实现
- 码农必须知道的几个名词(持续更新...)
- ViewPager+Fragment组成滑动且带有光标
- Git的下载安装与使用
- 第70课:SparkSQL内置函数解密与实战学习笔记
- div中position的相对绝对路径的详解
- python中range函数
- 解决169x/hao123浏览器劫持问题
- Eular质数筛法
- krpano 教程 - view标签中文说明
- Problem 1608 - Calculation
- 轻松自动化---selenium-webdriver(python) (三)
- Java-单机版的书店管理系统(练习设计模块和思想_系列 四(1) )
- 简单的mvc框架(一)