html - 如何向下(垂直) "shift"整个网站?

标签 html css

我为客户设计了一个简单的网页。

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/

相关文章:

php - 将动态数据从 div 传递到同一页面上的另一个 div

php - Wordpress - 整个侧边栏作为页面的链接

python - Selenium webdriver python找不到按钮

javascript - onclick 按钮,我希望按钮被着色并存储一个值

html - 单一字体上的 CSS 两种不同颜色(内部和外部)

css - IE10 开发者工具导致样式丢失

javascript - 在单个页面上绘制多个 Canvas

html - 对象适合不影响边缘浏览器中的视频

html - 垂直对齐没有静态高度的 div

html - 浏览器未显示正确的字体