CSS定位

2019-09-04 07:10:24来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

CSS定位

CSS中定位元素使用position  (分别由两个元素 其一规定元素定位类型 其二规定元素定位位置)

对于其一:分为 static 静态定位、relative相对定位、absolute绝对定位、fixed固定定位

队医其二:属性分别为top、bottom、left、right

一、静态定位static:


 

元素默认为静态定位,静态定位的唯一作用就是取消定位。

二、相对定位relative:


 

1.占位置,不会脱离标准流。继续占据原有的位置,元素移动后覆盖其他元素上面

2.位置移动的基准点为自己左上角为基准点

三、绝对定位absolut:


 

1.绝对定位脱离标准流,不占位置,后面的位置会移动到上面来

2.基准点:若父元素(祖先)没有使用定位(绝对定位、相对定位、固定定位)则以浏览器屏幕左上角为基准点

       若父元素(祖先)有使用定位,则以父元素的左上角为基准点

 

通常  说的子绝父相的意思是:父元素通常使用相对定位,子元素使用绝对定位。主要原因是父元素通常是盒子,需要占位置,所以使用相对定位,使元素不脱离标准流,后面的元素不会

顶上来,而子元素使用绝对定位,是为了使它可以随意移动位置,且不占位置。


原文链接:https://www.cnblogs.com/zjfman/p/11454405.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:HTML CSS的中英文对照

下一篇:网页排版中的CSS基础