②出现的效果就是2和3的位置上移了
③为什么会出现这种情况呢?——出现的原因就是:我们对1设⽴了绝对定位;1不占有原来的位置【脱离⽂档】,2和3⾃然就上来了。
④需要注意的地⽅:当我们设置position取值为absolute的时候,是⼦元素相对于⽗元素。在上述案例中,这三个div的⽗元素都是html⽂档本⾝。
2、position:fixed(相对于窗⼝)
①还是三个块盒,默认情况下,3个块盒从上到下依次排列。
3、position:relative(相对于最近的⽗元素发⽣位移,且不脱离⽂档)
①先写出三个盒⼦:div中包含div1和div2;代码及其展⽰的效果如下
②、对div1设置position:relative属性,并设置偏移量 top100px;left:100px;效果展⽰:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论