关于HTML的position 属性以及relative、absolute、fixed的区别

在页面的编写过程中我们通常会用到html的position属性来合理安排我们标签的位置,来达到视觉的美观,所以我们需要加深对position这个属性的了解。

一、Position的属性值

position有四个值:static,relative,absolute,fixed;

div{position:×××;left:×××;right:×××;top:×××;bottom:×××;}

二、static

static就是html默认的文档流形式,一个块状元素独占一行如div、p,多个内联元素占一行如span、a;

三、relative

relative是相对于标签原来的位置偏移,请看图:
relative
说明:div1是原来的位置,div2是偏移后的位置,但是偏移过后的div2的实际大小是div1和div2连续空间的div3的大小,所以说使用relative会使得原来元素的大小改变。

四、absolute

absolute是相对于不是默认文档流形式的父类元素的位置偏移,如果


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部