position常见的几种属性

1、static：默认值，在没有设置position属性的时候，position默认为static 在文档（页面）中占位置。
2、relative：相对定位。在使用top或者left进行位置移动的时候，参考的位置是自己原先（没有定位时）所在的位置。在文档（页面）中占位置。
3、absolute：绝对定位。在没有父元素（直接书写在body下面），或者有父元素，但是父元素没有设置position的值，就是没有定位时（static属性称无定位）在进行top或者left等偏移位置时，参考的偏移位置为浏览器，就是页面的左上角为top = 0，left =0 的位置。在网上为top负值。再往左为left负值。在使用偏移量的时候，相反，right = 0 ，bottom = 0时为页面可视窗口的右下角。但是当top偏移过后，距离可视页面底部的值，大于bottom偏移量的值得时候，bottom的偏移量是无效的。其他等同。在文档中不占位置。
4、fixed：固定定位。固定在当前可视窗口，不管页面怎么上下，左右滑动，固定在窗口，都不会进行移动。脱离文档流，当与其他位置的元素发生重叠是，一直在其他元素上方。
5、sticky：粘性定位，即当元素在页面中，网页向上滑动，页面顶部与元素刚开始想重叠是，就可以设置吸顶效果，随后就像固定定位一定定位在页面顶部。为c3新增加的属性。兼容性不好
6、z-index 该属性是在两个元素都有定位，而且位置发生了重叠，在不设置z-index的情况下，是后来者居上，在设置z-index的时候，那个值大那个在前面。z-index，赋值没有单位，直接赋值即可。

position常见的几种属性相关推荐

Bootstrap4+MySQL前后端综合实训-Day01-PM【position定位的四种方式、Flex布局语法教程及案例(概念、容器属性、项目属性)、双飞翼布局复习、Bootstrap4 教程】
[Bootstrap4前端框架+MySQL数据库]前后端综合实训[10天课程博客汇总表详细笔记] 目录 HTML中的三种元素(块元素.内联元素.内联块元素) position定位的四种方式 ...
position有几种属性？
position定位属性,检索或设置对象的定位方式,一共有四种属性:Static(默认定位) Absolute (绝对定位)Relative (相对定位)Fixed(相对浏览器的绝对定位) Stick ...
position(五种属性，以及每个属性的特点)
1. position: relative;相对定位 1> 不影响元素本身特性(无论区块元素还是内联元素会保留其原本特性) 2> 不会使元素脱离文档流(元素原本位置会被保留,即改变位置也不 ...
HTML/CSS常见的几种水平居中、垂直居中、水平垂直居中方法
HTML/CSS常见的几种水平居中.垂直居中.水平居中方式一.水平居中 1.第一种方式在css中使用text-align和display属性 <!DOCTYPE html> <h ...
常见的几种清除浮动（高度塌陷）的方法？
常见的几种清除浮动(高度塌陷)的方法? 我们经常把解决高度塌陷问题叫做清除浮动. 高度塌陷问题------指父元素高度自适应(即父元素不设置高度或高度为auto,这时的父元素就靠子元素来撑开),子元素 ...
详解 CSS position定位的五种方式
position 属性规定应用于元素的定位方法的类型(static.relative.fixed.absolute 或 sticky). 常见的固定定位,例如手机端的导航,快捷按钮.例如本站的&quo ...
常见的几种RuntimeException
一般面试中java Exception(runtimeException )是必会被问到的问题常见的异常列出四五种,是基本要求.更多的....需要注意积累了常见的几种如下: NullPointer ...
避免常见的6种HTML5错误用法,如何避免常见的6种HTML5错误用法
一.不要使用section作为div的替代品人们在标签使用中最常见到的错误之一就是随意将HTML5的等价于 --具体地说,就是直接用作替代品(用于样式).在XHTML或者HTML4中,我们常看到这样 ...
layout布局_安卓最常见的几种布局
Android中常用的5大布局方式有以下几种: 线性布局(LinearLayout):按照垂直或者水平方向布局的组件帧布局(FrameLayout):组件从屏幕左上方布局组件表格布局(TableL ...

position常见的几种属性

position常见的几种属性相关推荐

最新文章

热门文章