2024年1月10日发(作者：安卓拍照手机排行榜)
Position定位详细总结
缺点：设置一个元素的margin或padding，通常会影响到标准流中其它元素的定位效果，不便于实现元素的层叠效果；
Position定位具体总结
、padding定位
假如没有position，在标准流中，用法margin、padding对元素举
行定位是比较频繁的，其中margin还可以设置负数；
第 1 页 共 4 页
那么什么是标准流呢？可以参考下面这篇文章：
标准流以及脱标元素的特点
定位属性-position
利用position可以对元素举行定位，常用取值有4个：
2.1.静态定位-static
static为position属性的默认值，在不设置position属性时就是
static；
第 2 页 共 4 页
元素根据标准流举行排布；
对于static，设置left、right、top、bottom是没有任何效果的；2.2.相对定位-relative
元素根据标准流举行排布；
定位参照对象是元素自己本来的位置，可以通过left、right、top、 2.3.肯定定位-absolute
bottom来举行位置调节；
相对定位应用场景：在不影响其它元素位置的前提下，可以对当前元素位置举行微调；
元素脱离标准流（脱标）；
定位参照对象是最近一级拥有定位的祖先元素，可以通过left、right、top、bottom来举行位置调节；
假如向来往上层元素找不到有定位的元素，那么终于的参照对象为第 3 页 共 4 页
视口；
定位参照对象是视口（viewport），可以通过left、right、top、
拥有定位的祖先元素：position的值不为static的元素；
2.4.固定定位-fixed
元素脱离标准流（脱标）；
bottom来举行位置调节；
当画布滚动时，元素的位置是固定不动的；
第 4 页 共 4 页
发布者：admin，转转请注明出处：http://www.yc00.com/num/1704846296a1377963.html
评论列表（0条）