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

标签 javascript html css

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

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

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

最佳答案

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

您必须向包装器添加定位(absoluterelativefixed),除了static,这样它的 child 就会定位到它。

JSFiddle Example


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

关于javascript - 如何将所有内容(相对的,绝对的,...)向下移动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7135281/

相关文章:

javascript - 无法让我的 Node.js 服务器监听

html - 无法聚焦 HTML 页面中的输入字段

html - 我不确定如何将我的网页表格转换为 div

asp.net - Firefox + Asp.NET + Windows 身份验证 = 没有 css 背景图像?

html - 在 div 中垂直居中文本

javascript - iFrame 删除错误并替换为自定义消息

javascript - Sidr 点击 Action Jquery

javascript - 以 csv 文件作为数据库的 Reactjs 网页

javascript - Highchart + IE = 灰度导出?

php - 在显示图像之前检查文件是否存在?