内容简介:定位有:属性:position属性值:absolute属性:position属性值:relative
CSS之定位:
定位有:
- 绝对定位
- 相对定位
- 固定定位
绝对定位:
属性:position属性值:absolute
相对定位:
属性:position属性值:relative
相对元素是相对于在页面中原来的位置,如果给了元素一个相对定位那么元素在页面中原来的位置会占位。
绝对定位:
属性:position属性值:fixed
固定定位是元素相对于浏览器窗口的定位
一般情况下,相对定位和绝对定位在页面中是成对使用的,给子元素一个x绝对定位给父元素一个相对定位。
特征:
- 如果给行内元素一个绝对定位那么这个行内元素可以设置宽高,如果给块元素一个绝对定位并且这个块元素还没有设置宽高,那么他的宽高是由内容撑起的
- 如果子元素有绝对定位那么不受父元素padding的影响。
- 如果子元素有浮动,父元素有绝对定位那么不用清楚浮动。
堆叠属性:
属性:z-index属性值:1~x(属性值是数值)
在页面中如果一个元素的堆叠属性的属性值大,那么这个属性值大的会堆叠在属性值小的上边,属性值没有单位。堆叠属性只能用在含有定位属性的元素上。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- StackLabel - 一个很简单的堆叠标签
- javascript – 当一个关闭时,堆叠模式滚动主页面
- 数据可视化:图表篇(1)—— 基本柱状图、堆叠柱状图
- 柱状图、堆叠柱状图、瀑布图有什么区别?怎样用 Python 绘制?
- 柱状图、堆叠柱状图、瀑布图有什么区别?怎样用 Python 绘制?
- CSS 属性篇(七):Display属性
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Web信息架构(第3版)
Peter Morville、Louis Rosenfeld / 陈建勋 / 电子工业出版社 / 2008年8月 / 85.00
本书涵盖了信息架构基本原理和实践应用的方方面面。全书共7个部分,包括信息架构概述、信息架构的基本原理、信息架构的开发流程和方法论、信息架构实践、信息架构与组织、两个案例研究,以及参考资料清单。 本书兼具较高的理论价值和实用价值,曾被Web设计领域多本书籍重点推荐,是信息架构领域公认的经典书,不论新手还是专家都能各取所需。本书可供Web设计与开发者、Web架构师、网站管理者及信息管理相关人员参......一起来看看 《Web信息架构(第3版)》 这本书的介绍吧!