css定位

position属性值

• relative：相对于它在正常流中的默认位置偏移。不脱离文档流，元素仍保持其未定位前的形状，它原本所占的空间仍保留。可以实现利用内部元素来撑起盒模型，常用于盒子大小不确定的情况。

• absolute：相对于 static 定位以外的第一个父元素进行定位，如果找不到就相对于浏览器视窗定位。脱离文档流。脱离文档流的元素不可能将上级元素撑开。

  行内元素被设置为absolute后，会变成行内块元素，可设置长宽。

• fixed：相当于absolute，只是相对于浏览器视窗定位。
  以下链接为学习测试：https://codepen.io/dadaxin/pen/Jgbega

相关内容

• z-index——解决定位布局重叠的问题，当且仅当绝对定位相对定位和固定定位的元素才可以设置。
• clip——剪裁绝对定位元素。
• 注意浮动元素和绝对定位元素的外边距不会折叠。

🍉​ 注意

• 定位是不能继承的。只有当设置position属性值为inherit时，才继承父元素。

• 定位默认值为static，元素按照正常文档流显示（忽略 top, bottom, left, right 或者 z-index 声明）。

• 行内元素，不可设置margin-top/margin-bottom/width/height。