1+X证书学习日志——定位

时间：2019-11-07 01:17:59 阅读：101 评论：0 收藏：0 [点我收藏+]

　　　　静态定位：

position:static; 默认值，指定left/right/top/bottom/ 没有作用。

position:absolute; 绝对定位

a:参照物：已经设置定位的父元素。【如果没父元素或者父元素都没有定位的情况下，以文档参照物】

b:破坏文档流（布局流），不占据空间

position:relative 相对定位

a:参照物：是自身默认位置

b:不会破坏文档流，占据空间。

position:fixed;

a:参照物：浏览器窗口

b:不占据空间

　　包含块的设置：

如果想让某个父元素形成“参照物”,需要给父元素设置position:relative;

需要做定位的子元素，添加position:absolute;

##　　层次关系

　　　　定位元素的层次关系：

z-index: 属性值为一个数值。数值越大越在上层显示。

默认值为auto;

　　　让元素在浏览器窗口上下左右居中

{

position:fixed;

left:0;right:0;　　　　　　　　//实现思路：把元素从文档流中脱离出来

top:0;bottom:0;

margin:auto;

}

原文：https://www.cnblogs.com/qingmengWEB/p/11809413.html

踩

(0)

评论一句话评论（0）

分享档案

更多>