300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 关于HTML的position 属性以及relative absolute fixed的区别

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

时间:2022-01-15 22:46:19

相关推荐

关于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是相对于标签原来的位置偏移,请看图:

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

四、absolute

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。