Question

我正在尝试使用固定标头构建Wordpress网站。到现在为止还挺好。标题是好的，但包装器现在是问题。当我给包装器一个margin-top：100px时，标题将下降100px并且标题将保持在包装器之上（见图）。

http://imgur.com/x1ssQhM 。透明的白色是标题，它位于包装器上方。

代码链接： http://jsfiddle.net/b1u83a7z/ enter code here 。在这里你可以看到标题位于包装器的顶部，包装器的边距应该是100px。

Answer 1

添加标题样式top属性以定义应放置的位置：

#top {
    top:0;   <-- Added
    width:100%;
    height:60px;
    margin:0 auto;
    background-color:rgba(255, 255, 255, 0.9);
    position:fixed;
    z-index:500;
    border-bottom:1px solid #DEDEDE;
}

Updated JSFiddle

固定标题保留在包装器顶部

1 个答案: