html+css知识点总结---定位基础原理

<!-- 定位=定位模式+边偏移 -->

<!-- 定位方式:position: static/realtive/absolute/fixed; -->

<!-- 边偏移:top,bottom,left,right四个属性来移动位置

-->

<!-- 静态定位是按照标准刘来摆放位置:他没有边便宜;/

-->

<!-- 相对定位:相对于原来元素来说的 -->

<!-- example: -->

<!-- 1、相对定位是相对于自己原来的位置移动的(移动的时候参照点是自己原来的位置) -->

<!-- 2、原来在标准流的位置继续占有,后面的盒子仍然以标准流的方式对待它 (不脱标,继续保留原来的位置)-->

该知识点来源于B站的pink老师,大家有兴趣可以观看啊。

猜你喜欢

转载自blog.csdn.net/weixin_42333573/article/details/106151315