CSS 绝对定位 |
您所在的位置:网站首页 › css怎么设置文字的位置 › CSS 绝对定位 |
w3school 在线教程
HTML 系列教程
浏览器脚本
服务器脚本
编程教程
XML 系列教程
建站手册
参考手册
CSS 高级教程
CSS 课外书
CSS 简介
CSS 基础语法
CSS 高级语法
CSS 派生选择器
CSS id 选择器
CSS 类选择器
CSS 创建
CSS 背景
CSS 文本
CSS 字体
CSS 列表
CSS 框模型
CSS 框模型概述
CSS 内边距
CSS 边框
CSS 外边距
CSS 外边距合并
CSS 定位
CSS 定位概述
CSS 相对定位
CSS 绝对定位
CSS 浮动
CSS 选择器
CSS 元素选择器
CSS 选择器分组
CSS 类选择器详解
CSS ID 选择器详解
CSS 属性选择器详解
CSS 后代选择器
CSS 子元素选择器
CSS 相邻兄弟选择器
CSS 绝对定位
CSS 相对定位
CSS 浮动
设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。 CSS 绝对定位绝对定位使元素的位置与文档流无关,因此不占据空间。这一点与相对定位不同,相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置。 普通流中其它元素的布局就像绝对定位的元素不存在一样: #box_relative { position: absolute; left: 30px; top: 20px; }如下图所示: 绝对定位的元素的位置相对于最近的已定位祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块。 对于定位的主要问题是要记住每种定位的意义。所以,现在让我们复习一下学过的知识吧:相对定位是“相对于”元素在文档中的初始位置,而绝对定位是“相对于”最近的已定位祖先元素,如果不存在已定位的祖先元素,那么“相对于”最初的包含块。 注释:根据用户代理的不同,最初的包含块可能是画布或 HTML 元素。 提示:因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制这些框的堆放次序。 CSS 绝对定位实例 定位:绝对定位 本例演示如何使用绝对值来对元素进行定位。 CSS 相对定位 CSS 浮动 CSS 参考手册 CSS 实例 CSS 测验 CSS 教程W3School 简体中文版提供的内容仅用于培训和测试,不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有,保留一切权利。 关于 W3School 帮助 W3School 使用条款 隐私条款 技术支持:赢科 蒙ICP备06004630号 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |