元素相对于页面而不是父元素的位置?HTML / CSS

Question

因此，在构建了具有大量类似类样式的元素的页面之后，客户决定要改变内容。我不喜欢手动更改每个HTML元素，那么是否有一种方法可以根据整个页面简单地定位它们(通过CSS) ?

(纯CSS，也就是;当然，一些javascript可以完成它)

Answer 1

你可以设置一个位置:相对;在祖先标签上，然后使用position:absolute;在任何你需要移动的地方。你可以使用上、右、下、左规则来定位条目相对于body标签的位置。

ancestorSelector { position:relative; }
somethingToMoveSelector { position:absolute; top:100px; left:250px; } 

更多关于CSS定位的内容