Question

五简述定位网页元素使用什么属性及其常用值(10分)

Answer 1

问：五简述定位网页元素使用什么属性及其常用值(10分)

答：亲定位网页元素使用定位属性，定位主要应用于一个元素在另外一个元素之上，或者我们需要在网页中精准地确定某一个元素的位置，并且这个元素有明确的参照物。其常见的属性值有五个一、position：static；默认值

答：二、position：absolute；绝对定位

答：1、脱离文档流：也就是当一个元素被加上绝对定位之后，该元素便悬空了，并不占空间，下面的元素如果没有定位则会顶到上面，占据其空出来的位置，但元素本身视觉上仍在原来的位置，后来居上的元素相当于站在其身后，原有的字符也被挡住。当然如果多个元素同时给了绝对定位，他们之间的层叠顺序是：谁的结构在后谁显示在最上面。

答：两个色块都没有加定位---------->给box1添加绝对定位---------->两个色块都加绝对定位

答：2、元素移动位置时的参照物：绝对定位之后想要移动位置，可以用margin或者用left、top、bottom、right属性移动位置，移动时参照物为浏览器的第一屏，需要注意的是，当设置right=100px;指的是当前被定位的元素距离浏览器第一屏最右边的距离为100px。

答：但若是该元素有父元素且父元素也设置了定位（绝对、固定、相对均可），那么它移动时参照物就是父元素了。也就是当设置 right=100px;指的是当前被定位的元素距离其父元素最右边的距离为100px。

答：三、position：fixed；固定定位四、position：relative；相对定位五、position：sticky；粘性定位