html - 如果高度大于主体，则无法使固定 block 可见

Question

我有一个问题，如果(已修复)我无法使导航 block 可见

样式:

 <div class="main_nav">
        <div class="container">
            <div class="row">
                <div class="col-xs-1"></div>
                <div class="col-xs-2">
                    <a href="#" style="text-decoration: none;">
                        <h1 class="navbar-brand company_title" href="#">Tourer</h1>
                    </a>
                </div>

                <div class="col-xs-9">
                    <div class="navigation">
                        <ul class="nav navbar-nav navbar-right top_nav">
                            <li><a id="nav_about" href="javascript: void(0);">About</a></li>
                            <li><a id="nav_how_it_works" href="javascript: void(0);">How it works</a></li>
                            <li><a id="nav_features" href="javascript: void(0);">Features</a></li>
                            <li><a id="nav_footer" href="javascript: void(0);">Contact</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

   .main_nav {
       width: 100%;
       z-index: 1000;
       position: fixed;
       background: url('../images/gradient.png');
       padding-top: 30px;
       min-width: 1280px !important;

   Screen:

   http://i.stack.imgur.com/Zljz4.png

我无法滚动查看导航的右侧部分。请帮助我。

Answer 1

固定位置始终相对于视口(viewport)。因此，min-width: 1280px !important; 自动假设当屏幕小于 1280px 时，您的 width:100% 将被忽略。尝试删除 min-width 声明。