一、绝对定位（absolute）
1.会完全脱离文档流
2.盒子大小会变为内容大小或width
3.定位之后可以设置坐标（left、right、top、bottom属性且只能跟随position一起使用）
二、相对定位（relative）
1.不会脱离文档流
2.内容不会变为实际大小（不会创建BFC）
3.以自身（距离初始位置xx）作为定位参考
三、固定定位（fixed）
1.会脱离文档流
2.盒子大小会变为内容大小或width
3.以浏览器可视窗口进行定位
三、层级
1.谁有定位，谁层级高
2.谁后定位，谁层级高
3.可以通过z-index改变层级（默认值为0，取值范围：-1~9999，谁大谁高）
浅析 CSS 布局与定位 较多内容参考：CSS布局与定位入门 一、左右布局 float + clearfix块级元...
CSS 圣杯布局 flex 布局（推荐） 定位布局（推荐） css3 calc布局（影响性能，不推荐） flex:...
学习前端有一段时间了，整理一下学习心得，顺便给初学者一些参考。（持续更新）如果有写的不对的地方，还望指教。 对于前...
一、绝对定位（absolute） 1.会完全脱离文档流 2.盒子大小会变为内容大小或width 3.定位之后可以设...
定位 1 . css 定位：改变元素在页面上的位置2 . css 定位机制：普通流浮动绝对布局3 . css 定位...
CSS入门（3） CSS的常见布局 CSS常见布局使用display属性（文档流）+position属性（定位）+...
CSS -- 定位 CSS中最重要的应该就是布局和定位， 也就是display和position两个属性。布局篇在...
CSS -- 布局 CSS中最重要的应该就是布局和定位， 也就是display和position两个属性定位篇在这...
CSS的常见布局 CSS常见布局使用display属性（文档流）+position属性（定位）+float属性（浮...
div css sprites精灵-CSS图像拼合 CSS贴图定位网页背景素材图片拼合定位布局技术教程篇与css ...
本文标题：CSS布局之定位
本文链接：https://www.haomeiwen.com/subject/syywwqtx.html
网友评论