css不占位的定位 |css的内外边框设置

相对定位是指元素相对于原来的位置发生移动，但是不会影响其它元素的位置和大小。而绝对定位和固定定位都是可以让元素脱离文档流，不占据原来位置的定位方式。

.example {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

在上述代码中，大家可以看到使用了绝对定位来让元素跳出文档流，并且使用了top、left等属性来指定元素的位置。transform属性用来让元素居中对齐。

对于固定定位，大家可以使用类似的代码：

.example {
position: fixed;
top: 0;
left: 0;
}

在这个例子中，元素被固定在浏览器窗口左上角，不随页面滚动而移动。

使用不占位的定位方式有助于实现更复杂的布局效果，但也需要注意不要影响其它元素的呈现，避免出现重叠、冲突等问题。