苏飞论坛
标题: 【零基础学习web前端】CSS布局-position定位 [打印本页]
作者: Amy 时间: 2018-12-4 17:04
标题: 【零基础学习web前端】CSS布局-position定位
【零基础学习web前端】CSS布局-position定位
我们使用position属性设置元素的位置。
- absolute 绝对定位
- relative 相对定位
- fixed 固定定位
元素的位置也由顶部，底部，左侧和右侧属性控制。
但是，除非先设置position属性，否则这些属性将不起作用。
固定定位（fixed）不会随鼠标的滚动而改变位置，是固定在屏幕的某一个位置。
绝对定位（absolute）的定位原点是非默认定位（static）的父节点，
可以是（absolute fixed relative）。如果没有这些，定位原点就是body。
fixed和absolute都会元素使原本占用的布局 空间脱离文档流。
下面分别是默认布局，和使用绝对定位（absolute）之后的
图示效果：
(, 下载次数: 59)