Question

我正在尝试将此网站上的标题/菜单栏设置为静态（固定），以便它始终显示在屏幕顶部，并且一个特别长的网站会在后面滚动“＃”;它。我之前已经在固定宽度的网站上完成了这个，但是这个网站是流畅的，我还没有完成这个，但没有打破标题。

有人可能会告诉我在CSS中需要编辑的位置/内容吗？我相信我需要添加一个位置：固定;元素某处，也许在本节中，但它似乎没有像在固定宽度的网站上那样实现我的目标。

.art-header
{
   margin:0 auto;
   background-repeat: no-repeat;
   height: 170px;
   position:relative;
   background-image: url('images/header.jpg');
   background-position: center top;
}

.custom-responsive .art-header
{
   background-image: url('images/header.jpg');
   background-position: center top;
}

.default-responsive .art-header,
.default-responsive #art-header-bg
{
   background-image: url('images/header.jpg');
   background-position: center center;
   background-size: cover;
}

.art-header-inner{
   position: relative;
   min-width: 840px;
   max-width: 1920px;
   width: 50%;
   z-index: auto !important;
   margin: 0 auto;
}

Answer 1

试试这个，合并你的.art-header＆amp; div中有.art-nav，类似fixed类

<div class="fixed">
    //div .art-header & nav .art-nav here
</div>

然后添加固定的CSS

.fixed {
    position: fixed;
    z-index: 100;
}

并为.art-sheet

留出一些余量

margin-top: 241px; /*the height of the fixed div*/

这里是JSFIDDLE

如何使流体宽度的网页有一个固定（固定）标题？

1 个答案: