我正在制作一个动态添加到现有页面的顶部栏。
当它加载时,它应该将整个页面的内容向下推,并出现在顶部。
它推动页面内容的方式是通过向页面添加以下CSS规则:
body {padding-top: 50px}
问题在于有些页面上这个规则不起作用,例如那些使用绝对定位元素的页面。
有没有更好的方法来推动页面内容向下呢?
我正在制作一个动态添加到现有页面的顶部栏。
当它加载时,它应该将整个页面的内容向下推,并出现在顶部。
它推动页面内容的方式是通过向页面添加以下CSS规则:
body {padding-top: 50px}
问题在于有些页面上这个规则不起作用,例如那些使用绝对定位元素的页面。
有没有更好的方法来推动页面内容向下呢?
对于 body
,尝试将position
设置为relative
,然后使用一些偏移量(例如100px
)设置top
。当然,根据您的需要进行更改。