内容简介：定位有：属性：position属性值：absolute属性：position属性值：relative
CSS之定位:
定位有：
- 绝对定位
- 相对定位
- 固定定位
绝对定位：
属性：position属性值：absolute
相对定位：
属性：position属性值：relative
相对元素是相对于在页面中原来的位置，如果给了元素一个相对定位那么元素在页面中原来的位置会占位。
绝对定位：
属性：position属性值：fixed
固定定位是元素相对于浏览器窗口的定位
一般情况下，相对定位和绝对定位在页面中是成对使用的，给子元素一个x绝对定位给父元素一个相对定位。
特征：
- 如果给行内元素一个绝对定位那么这个行内元素可以设置宽高，如果给块元素一个绝对定位并且这个块元素还没有设置宽高，那么他的宽高是由内容撑起的
- 如果子元素有绝对定位那么不受父元素padding的影响。
- 如果子元素有浮动，父元素有绝对定位那么不用清楚浮动。
堆叠属性：
属性：z-index属性值：1~x（属性值是数值)
在页面中如果一个元素的堆叠属性的属性值大，那么这个属性值大的会堆叠在属性值小的上边，属性值没有单位。堆叠属性只能用在含有定位属性的元素上。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
- StackLabel - 一个很简单的堆叠标签
- javascript – 当一个关闭时,堆叠模式滚动主页面
- 数据可视化：图表篇（1）—— 基本柱状图、堆叠柱状图
- 柱状图、堆叠柱状图、瀑布图有什么区别？怎样用 Python 绘制？
- 柱状图、堆叠柱状图、瀑布图有什么区别？怎样用 Python 绘制？
- CSS 属性篇(七)：Display属性
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
《Hello Ruby：儿童编程大冒险》（平装）
（芬兰）琳达·刘卡斯 / 窝牛妈 / 浙江人民美术出版社 / 2018
快来认识Ruby——一个想象力丰富，喜欢解决难题的女生。Ruby认识了一群新朋友：聪明的雪豹、友好的狐狸、忙碌的机器人等等。这本书以讲故事的方式向孩子们介绍了基础的计算思维，比如拆分问题，制定分步计划，寻找规律，打破思维定势等等；之后，通过一系列鼓励探索和创造的练习和活动，孩子们对这些关乎编程核心问题的基本概念有了进一步的理解。一起来看看 《《Hello Ruby：儿童编程大冒险》（平装）》 这本书的介绍吧!
