当前位置: 首页 > Web前端 > HTML5

CSS-Absolute(绝对定位)&&Relative(相对定位)

时间:2023-04-05 14:25:02 HTML5

Relative如果你给一个元素相对定位,它就会出现在它的位置,然后你可以设置垂直(顶部)或水平(左侧)位置,让这个元素相对于它的起点移动。注意:使用相对定位时,无论元素是否移动,元素仍然占据原来的空间。因此,移动一个元素会导致它覆盖其他盒子。Absolute设置为绝对定位。元素的框从文档流中完全移除并相对于其包含块定位,该包含块可能是文档中的另一个元素或初始包含块。元素先前在正常文档流中占据的空间被关闭,就好像该元素不存在一样。定位元素以生成块级框,而不管它最初在正常流中生成的框类型。注意:绝对定位使得元素的位置独立于文档流,所以不占空间。绝对定位元素的位置是相对于_最近定位的祖先元素_。如果该元素没有定位的祖先元素,则其位置是相对于_Initialcontainingblock_。静态位置:静态是默认值。如果“position”属性的值为“static”,则设置“top”属性将无效。2020-12-09学习永不止步参考链接:http://caibaojian.com/w3c/css...