Question

我遇到一个问题，如果（固定的）

我无法看到导航块

样式：

 <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

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

如果高度比身体高，则不能使固定块可见

1 个答案: