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

绝对定位和相对定位

时间:2023-04-02 23:04:52 HTML

出文件流?首先,div设置成absolute绝对定位后,div会脱离文档流,所以不占空间。与div设置为relative相对定位不同,相对定位实际上被认为是正常流量定位模型的一部分。相对于谁绝对定位?绝对定位的元素相对于最近的定位祖先定位,或者如果元素没有定位的祖先,则相对于原始包含块定位。根据用户代理,初始包含块可能是画布或HTML元素。相对于谁?相对于它在正常文档流中的位置。在文档流之外,您可以做什么?绝对定位的框与文档流无关,因此它们可以覆盖页面上的其他元素。这些盒子的堆叠顺序可以通过设置z-index属性来控制。绝对相对定位是相对于哪个框相对于div最近的(非静态定位的)父元素的borderbox定位的。主要代码如下:

border:50pxsolidblack;padding:50px;">