>### 相对定位:
~~~
就是元素在页面上的正常位置
通过left,top可以改变它的位置
~~~
>### 绝对定位:
~~~
1.绝对定位元素的位置是相对于最近的给了定位的父元素
2.如果上级元素没有定位,那么它的位置相对于整个html页面
~~~
~~~
<style>
.parent{
width:200px;
height:200px;
position: relative;
top:50px;
left:50px;
background: red;
}
.child{
width:50px;
height:50px;
background: blue;
position: absolute;
top:100px;
left:100px;
/* right: 0px;
bottom: 0px; */
}
</style>
</head>
<body>
<div class="parent">
<div class="child"></div>
~~~
- html-css
- 第一节 外部样式表
- 第二节 元素选择器
- 第三章 盒子模型
- 第四章 html标签的分类
- 第五章 css选择器
- 第六章 权重
- 第七章 css基本样式
- 第一节 背景
- 第二节 文本
- 第三节 字体
- 第四节 链接
- 第五节 列表(针对ul)
- 第六节 边框
- 第七节 简单表格
- 第八节 nvvm
- 第九节 跨越列的表格
- 第十节 跨越行的表格
- 第十一节 有间隔的表格
- 第十二节 opacity透明度
- 第八章 css样式的继承
- 进阶教程
- 1.flex教程
- flex补充1
- flex补充2
- 2.grid布局
- css
- 第一节 box-sizing
- 第二节 float
- 第三节 position
- 第四节 导航栏
- iconfont的使用
- 第五节 搜索功能的实现
