美文网首页
position的粗略解析

position的粗略解析

作者: 雨泉十代 | 来源:发表于2018-03-21 18:11 被阅读0次

position一般常用reletive,absolute,fixed三个属性。

众所周知,文档流都是自上而下,从左到右。

当样式只调用reletive时,网页的样式并不会发生改变,元素还是会在原来的文档流位置不会发生改变。

当样式需要调用absolute定位时,便需要在上一级元素中设置reletive样式,这时absolute的样式会根据上一级的大小来定位。如果上一级没有设置reletive,则absolute的样式会根据整个屏幕来定位。

当样式需要调用fixed属性时,这时fixed会根据整个屏幕的位置来定位,就算有滚动条滚动,元素依然会在定位好的位置不会发生改变。

相关文章

网友评论

      本文标题:position的粗略解析

      本文链接:https://www.haomeiwen.com/subject/ugxnqftx.html