下面关于position的值(position取值有哪几种,默认值是什么)

生活百科 2023-04-29 18:16生活百科www.xingbingw.cn

  下面关于position的值(position取值有哪几种,默认值是什么),新营销网红网本栏目通过数据整理汇集了下面关于position的值(position取值有哪几种,默认值是什么)相关信息,下面一起看看。

  位置

  位置的属性值静态(默认)、相对、绝对、固定、继承、粘性。

   Static:未定位,处于正常状态。可以快速取消定位,使上、右、下、左无效。

   Relative:从其在正常流中的位置偏移,最初占用的空间仍将被保留。

   Absolute:相对于非静态的第一个position属性的父类定位,会脱离正常的文档流,不占用空格位置。

  固定的定位原点是相对于浏览器窗口的,不能更改。

   Inherit:从父类继承position属性的值,任何版本的IE都不支持该属性。

   Sticky:这个元素没有从文档流中分离出来,仍然保留它在文档流中的原始位置。这个属性的兼容性不是很好,还是一个实验性的属性,不是W3C推荐的标准。

  ,z-index属性出现在上面的定位属性中,它只对定位元素有效。

  显示

  显示的属性值无、内嵌、内嵌-块、块、弹性、继承。

   1.display:none和Visibility 3360Hidden都可以隐藏div。前者不占用文档的空间,后者占用文档的位置。

   2.inline:中的元素水平布局,垂直方向的边距和填充无效,大小和内容相同,不能设置宽度和高度。

   3.block:个元素,占用单行。边距可用于控制元素之间的间距。

   4.inline-block:既有block的宽度和高度特征,又有inline的对等特征。

   5.display: flex的意思是“弹性盒子布局模型”,用于为盒子模型提供最大的灵活性。任何容器都可以被指定为flex布局。子元素的float、clear和vertical-align属性在设置为Flex layout后将变得无效。具有flex布局的元素称为flex容器。它的所有子元素都自动成为容器成员,称为flex item。

  位置(浏览位置位置属性)

  更多下面关于position的值(position取值有哪几种,默认值是什么)相关信息请关注本文章,本文仅仅做为展示!

Copyright@2015-2025 www.xingbingw.cn 性病网版板所有