CSS基础——position位置属性

relative：相对布局，相对自身进行偏移，并且保留原有位置。

absolute：绝对布局，相对容器进行偏移，不保留原有位置。注意：容器必须设置position为relative或absolute，如果没有相对body偏移。

　 同一行中absolute会对 inline-block 有影响，具体是将原来顶部对齐，变成底部对齐。这时用float不会有影响。

fixed：固定布局，相对浏览器窗口位置固定，没有任何依赖感。

static：position的默认值。

z-index：重叠时设置层次，值大的在上面。

转载于:https://www.cnblogs.com/yz9110/p/8628277.html

CSS基础——position位置属性相关推荐

CSS中Position定位属性的使用
文章目录 CSS中定位属性的使用 position:absolute position:relative position:fixed position:sticky position:static ...
CSS基础之背景属性设置
CSS设置背景,不但包括背景的颜色,还包括背景图片等设置,还是老规矩演示比较靠谱. 背景背景颜色背景颜色和文本颜色不同,一个是设置的是文本的颜色,一个是背景的颜色.使用的是backgrou-col ...
css里面的位置属性,CSS定位属性Position详解
4. position:relative + position:absolute 如果我们给 div-1 设置 relative 定位,那么 div-1 内的所有元素都会相对 div-1 定位.如果给 ...
初识HTML（四）进阶：CSS基础、常用属性
文章目录什么是css? css语法定义 css实例背景属性 opacity属性文本属性链接样式行标签与块标签 border边框 margin外边距 padding填充前言: 本章节将学习到 ...
CSS基础(part19)--CSS3属性选择器
学习笔记,仅供参考,有错必究参考自:pink老师教案 CSS3属性选择器属性选择器列表: 选择符简介 E[att] 选择具有att属性的E元素 E[att="val"] 选择 ...
CSS基础：overflow属性
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>< ...
CSS基础样式属性设置
文章目录 css基础样式与属性设置一.宽和高二.字体属性 1. font-family:文字字体 2.font-size:字体大小 3.font-weight:文字粗细 4.font-style: ...
css - Position定位属性与层级关系
今天同事发现一个有意思的问题,关于position的层级关系的,他要不说我也没注意过测试后果然有趣,有待深入研究: 1 <!DOCTYPE html> 2 <html> 3 ...
【前端】CSS基础——字体Font（学习笔记）
W3C标准: 结构:HTML描述页面的结构表现:CSS控制页面中元素的样式行为:JavaScript相应用户操作相关笔记: HTML基础 CSS基本语法 CSS基础-layout CSS基础-f ...

CSS基础——position位置属性

CSS基础——position位置属性相关推荐

最新文章

热门文章