Question

我试图使用搜索按钮，Facebook登录等制作固定的顶栏... 条形码很好，问题是，当它改变分辨率时，搜索按钮在页面上移动，我希望它像Facebook登录栏一样固定，所以如果你改变分辨率，所有按钮都没关系必须与顶部栏一起移动，我该怎么办？感谢。

.fixbar {
width: 100%;
position: fixed;
left: 0px;
top: 0px;
height: 30px;
background-image: url(../img/fixbar.png);
background-repeat: repeat-x;
z-index: 1;
bottom: 0px;
}


#search {
position: fixed;
left: 396px;
top: 0px;
width: 100%;
height: 22px;
z-index: 2;
}

Answer 1

你需要设置position：fixed .fixbar class然后你需要将position：absolute设置为#search id。

<强> CSS

.fixbar {
    width: 100%;
    height:30px;
    position: fixed;
    left: 0px;
    top: 0px;
    right:0 height: 30px;
    background: red;
    z-index: 1;
}
#search {
    position: absolute;
    right:20px;
    top: 0px;
    width: 30px;
    height: 22px;
    z-index: 2;
    background:blue;

}

<强> HTML

<div class="fixbar">
    <div id="search"></div>
</div>

输出

DEMO

Answer 2

抱歉，我不明白你的问题。让我们玩一个实例，我会尝试理解，也许可以帮助你。看看：http://jsfiddle.net/xdEUN/

<div class="wrapper">
<div class="fixbar">
<input type="search" id="search" />
</div>
</div>

固定搜索按钮顶部栏

2 个答案: