Question

我有一个侧边栏导航菜单：

<div class="container">
    <nav class="panel-nav">
        <ul>
            <li><a href="#about us">About us</a></li>
            <li><a href="#portfolio">Portfolio</a></li>
            <li><a href="#contacts">Contacts</a></li>
        </ul>
    </nav>
</div>

容器1500px的宽度。我需要针对右边缘执行固定块panel-nav。怎么做？

Answer 1

.container{
  position:relative;
}
.panel-nav{
  position:absolute;
  right:0;
  top:0;
}

你的css中有这样的代码。

Answer 2

尝试以下代码

浏览器的右上角

.container{
    width: 1500px;
    min-height: 2000px; /* Just added to get scroll */
    background: #eee;
    position: relative;
}
/* Top left of corder of the browser */
.panel-nav{
    position: fixed;
    top: 0;
    right: 0;
}

包装器的右上角

.container{
    width: 1500px;
    min-height: 2000px; /* Just added to get scroll */
    background: #eee;
    position: relative;
}
.panel-nav{
    position: absolute;
    top: 0;
    right: 0;
}

JSFIDDLE DEMO

Answer 3

没有剩下的HTML和CSS，很难。但你可能想试试这个

.panel-nav {
   float: right;
}

修复了容器内的div

3 个答案: