在HTML中,三种定位的区别和含义分别是什么?

在HTML中,三种定位的区别和含义分别是什么?,第1张

一、相对定位 relative

1.参照物为自身;

2.相对定位只改变显示的位置,而不会改变占用的空间位置;

3.关于距离的正负值

二、绝对定位 absolute

1.参照物为具有定位属性的父元素

PS:如果距离当前最近的父元素不具有定位属性,则会一层一层向外找,直到找到具有定位属性(这里仅要求三种定位属性任一都可)的父元素而进行定位,如果找到最后未能找到具有定位属性的父元素,de则最终会依照body进行定位。

2.绝对定位不仅会改变显示的位置,而且会改变占用的空间位置。就好比是元素处于一种悬空漂浮的状态,没有“肉体”!

3.关于距离的正负值,和上面的相对定位的性质一样。

三、固定定位 fixed

固定定位是将某个元素固定在浏览器的某个确定的位置,不随滚动条的移动而变化;   

固定定位的位置是  相对当前浏览器窗口  的;

float是浮动,如果设置小盒子浮动,小盒子浮动的距离是根据小盒子前一个浮动兄弟元素的位置浮动的。所以一般大盒子里面的小盒子要么都浮动,要么都不浮动。

postiton是定位,有absolute和relative,fixed。一个定位的元素一定是被其他元素层层包起来的,至少是body包起来。absolute是根据包起来的定位元素定位的,如果包他的元素都没设置position,那就根据body定位。relative是相对定位,相对于包起它的元素定位的。fixed是根据屏幕定位的。

一般用absolute的话,都把包这个小盒子的大盒子设置为relative。这样小盒子的absolute会根据包它的大盒子绝对定位。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6160392.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存