如何始终在页面顶部显示标题div?

时间:2014-02-02 20:25:41

标签: html css

我有一个标题div,即使我向下滚动,我也希望看到它。

我希望它始终位于页面顶部。

我应该将哪些代码添加到我的CSS文件中?

或者我是否需要在.php文件中添加javascript?

4 个答案:

答案 0 :(得分:1)

将以下css应用于标题div

position: fixed;
top: 0px;

答案 1 :(得分:0)

如果标题固定在顶部 变化:

.Your_class{
position:fixed;
top:0;
left:0;
}

答案 2 :(得分:0)

将标题修复到顶部:

.header {
     position: fixed;
}

将其余内容移到标题下方:

body {
     padding-top: 50px; // Height of your header
}

答案 3 :(得分:0)

将位置设置为固定将使元素脱离文档的正常流量并将其显示在正常流量的顶部(或下方)。如果你想避免在固定元素下隐藏其他元素,你需要在适当的位置使用边距或填充 - 在这种情况下,body元素上的顶部填充将起到作用。