如何使用CSS将整个页面向下推?

4

我正在制作一个动态添加到现有页面的顶部栏。

当它加载时,它应该将整个页面的内容向下推,并出现在顶部。

它推动页面内容的方式是通过向页面添加以下CSS规则:

body {padding-top: 50px}

问题在于有些页面上这个规则不起作用,例如那些使用绝对定位元素的页面。

有没有更好的方法来推动页面内容向下呢?

1个回答

2

对于 body,尝试将position设置为relative,然后使用一些偏移量(例如100px)设置top。当然,根据您的需要进行更改。


这个能用于绝对定位的元素吗?你能创建一个演示吗? - Tushar
这种技术的演示:http://jsfiddle.net/9t4fqy8a/ 你将不得不与边距斗争 - Salman A
这不会推动固定定位的元素。 - Adam Lynch

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接