<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
定位position
定位是一种更高级的布局手段,通过定位可以是元素摆放在任何位置
position可选值:
static默认值,元素是静止的,没有开启定位
relative开启元素的相对定位
absolutely开启元素的绝对定位
fixed开启元素的固定定位
sticky开启元素的粘滞定位
相对定位的特点
相对定位会提高元素的层级
不会使元素脱离文档流
不设置偏移量元素不会发生任何变化
绝对定位absolutely的特点
元素的位置不会发生变化
元素会从文档流中脱离
绝对定位是相对于包含块定位
绝对定位的包含块是距离当前元素最近的开启了定位祖先块元素
如果所有的祖先元素都没有开启定位则根元素HTML就是包含块
偏移量(offset)
由top,right,buttom,left控制
-->
<!-- 固定定位 -->
</body>
</html>
css基础14
最新推荐文章于 2024-09-30 08:51:48 发布