Question

我的网页中有一个标题，我需要修复它，以便用户可以从网页的每个位置看到它，但是我试图放置position:fixed，但它在我的情况下不起作用。

这是我的标题HTML。在这个HTML标签中我已经推出了标题菜单。

<div class="header-wrapper">
 //Menu item HTML
</div>

这是Header div的css ..

.header-wrapper {
position:fixed;
top: 0px;
left:0px;
background: url("../img/new_images/header_bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
z-index: 10000;    
width: 100%;
height: 77px;
}

我已经发布了基本的HTML和Css。如果需要其他任何内容以便更清楚地发布帖子。请让我知道。

请帮帮我。

Answer 1

如果您的其他内容位于标题后面，您可以像这样解决：

body { padding-top: 77px; }

这会向顶部<body>添加77px，其余内容较低，但您的标题仍处于原始位置。或者，您可以使用以下方法降低下一个元素77px：

#next.element.selector { position:relative; top:77px; } /* OR */
#next.element.selector { margin-top:77px; } /* OR */
#next.element.selector { padding-top:77px; }

如果您想了解有关盒子模型和定位的更多信息，可以阅读here和here

如何使用css修复HTML页面的标题

1 个答案: