标题相当自我解释。需要考虑的其他细节是......
我正在应用css的元素将是position:relative
该元素将嵌入到网页
中我正在使用left: -9999px
暂时将元素移出屏幕
该元素可能会或可能不会在页面上的其他元素上“移动”或“移动”。
这样做会产生任何负面影响,例如改变页面上其他元素的布局/位置吗?
谢谢
答案 0 :(得分:0)
没有
来自MDN:
<强>相对强>
此关键字列出所有元素,就像元素未定位一样,然后调整元素的位置,而不更改布局(从而为元素留下一个空白没有定位)。 position:relative对表 - * - group,table-row,table-column,table-cell和table-caption元素的影响未定义。
正如您在Demo中看到的那样,relative
定位元素只是重叠其他元素而不影响原始布局 - 其他元素保持原样(除了当前的事实)它是重叠的,显然是)。
答案 1 :(得分:0)
在大多数情况下,偏移相对定位的元素不会影响同一流中其他元素的布局,因为其他元素只会尊重元素的“原始”位置(即,如果它没有偏移,则为位置) )。偏移属性仅对要偏移的元素创建视觉效果。来自spec:
一旦盒子按照正常流动布置或浮动,它可以相对于该位置移动。这称为相对定位。以这种方式偏移框(B1)对随后的框(B2)没有影响:B2被给予一个位置,就好像B1没有偏移并且在施加B1的偏移之后B2没有被重新定位。这意味着相对定位可能导致框重叠。
然而,规范确实指出了边缘情况(紧接在上述部分之后):
...但是,如果相对定位导致'溢出:自动'或'溢出:滚动'框溢出,则UA必须允许用户访问此内容(在其偏移位置),通过创建滚动条,可能会影响布局。
例如,滚动条可以减小容器的宽度,并使其他元素包裹在原来不会的位置。