css中定位的作用 |css email html

绝对定位：
在CSS中，使用绝对定位可以将元素从文档流中完全移除，并且相对于最接近的非 static 定位的祖先定位。这使大家可以通过使用 top，bottom，left 和 right 属性将元素放置在页面上任何大家需要的位置。
示例代码：
position: absolute;
top: 50px;
left: 100px;
相对定位：
使用相对定位可以将元素相对于其正常位置进行移动，并且这个位置不会影响其他元素的位置。相对定位并不会完全移除元素出文档流。
示例代码：
position: relative;
top: 10px;
left: 20px;
固定定位：
使用固定定位可以将元素相对于浏览器窗口的位置进行移动，并且该元素不随页面滚动而移动。用固定定位的元素始终保持在相同位置，无论页面向上滚动多少。
示例代码：
position: fixed;
top: 0;
left: 0;

通过使用这三种定位中的任何一种，大家可以轻松地创建出任何大家想要的布局。值得注意的是，要谨慎使用绝对定位和固定定位，因为当不适当使用这些定位时，它们可能会导致页面布局混乱。