我为客户设计了一个简单的网页。
3个月后,客户想要在顶部安装一个通知栏。简单的。跳上 CodeCanyon 并找到了一个可行的脚本,节省了我的时间。
一个主要问题:通知栏覆盖在网页顶部,而不是将网页向下推。由此产生的效果是通知栏遮住了顶部logo的一部分,这是一个很大的禁忌。
是否有一种简单的方法可以将整个网页设计“移动”,比方说 80px,而无需重新制作所有 CSS?
最佳答案
在
标签下方添加一个新的 部分,高度为 80px。给它任何你想要的 CSS 样式,并将通知栏添加为
的子元素
例子。假设这是您的网站:
<!doctype>
<html>
<body>
Some existing content
</body>
</html>
然后添加横幅很容易:
<!doctype>
<html>
<body>
<div style="height:80px;background:red;">Some div content. Put whatever controls you want here</div>
Some existing content
</body>
</html>
关于html - 如何向下(垂直) "shift"整个网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16728230/