CSS学习总结：静态定位、相对定位(relative)、绝对定位(absolute)、固定定位、 粘性定位、display 显示、overflow 溢出、visibility 可见性
在CSS中，定位可以通过position属性来控制，主要有四种定位方式：静态定位（static）、相对定位（relative）、绝对定位（absolute）和固定定位（fixed）。
静态定位（static）：
这是所有元素的默认定位方式，无需特别指定。
相对定位（relative）：
元素相对于其正常位置进行定位。
div {
position: relative;
top: 20px; /* 向下移动20px */
left: 40px; /* 向右移动40px */
}绝对定位（absolute）：
元素相对于最近的非静态定位的父元素进行定位。
div {
position: absolute;
top: 20px; /* 父元素顶部向下20px的位置 */
right: 40px; /* 父元素右边向右40px的位置 */
}固定定位（fixed）：
元素相对于浏览器窗口进行定位，无论滚动条如何滚动，元素的位置都不会改变。
div {
position: fixed;
bottom: 0; /* 窗口底部 */
left: 0; /* 窗口左边 */
}以上代码展示了如何使用CSS的position属性来设置不同的定位方式，并给出了示例。在实际应用中，可以根据需要选择合适的定位方式来进行布局设计。
评论已关闭