javascript - 如何将所有内容(相对的，绝对的，...)向下移动？

Question

假设我有一个未知页面，其中一些内容是相对定位的，一些是绝对定位的。它有一些脚本，也可以有很多样式。

是否有任何通用的解决方案如何使“每个”页面内容向下移动 50 像素(例如)，以便在页面顶部留出空白区域？

仅使用 JS/CSS。有效性的优先级低于功能性，你知道的..

Answer 1

添加一个包装器 div 并在其上放置一个 margin/padding。

您必须向包装器添加定位(absolute、relative 或fixed)，除了static，这样它的 child 就会定位到它。

JSFiddle Example

---

将 CSS 添加到 body 标签时，浏览器的行为会有所不同，这就是为什么我不建议修改它。