个人中心
gpt4 book ai didi

css - 使用 css 在 Firefox 中显示滚动条

转载 作者：太空宇宙 更新时间：2023-11-04 03:41:36 25 4
gpt4 key购买 nike

我搜索了很长时间，但没有找到任何有用的东西。我哪里错了？我真的不知道该怎么办。我在下面写下了所有细节。我已经尝试过但没有成功。

为什么 Firefox 不显示滚动条？为什么Chrome有滚动条，而Firefox没有。什么我写错代码了？

CSS 代码:

.min1170px {
    width: 1170px;
    -moz-min-width: 1170px;
    -ms-min-width: 1170px;
    -o-min-width: 1170px;
    -webkit-min-width: 1170px;
    min-width: 1170px;
    overflow: scroll;
    overflow-x: scroll;
}
.adminBackground {
    background-color: #000000;
    background-image: url('/Images/siteBackground.jpg');
    background-repeat: repeat-x;
}

html代码:

<body class="container adminBackground min1170px">
    <nav class="navbar navbar-inverse" role="navigation">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">Main</a>
        </div>
        <div id="navbarMenu">
            <ul class="nav navbar-nav">
                <li><a href="#">News</a></li>
                <li><a href="#">Apk</a></li>
                <li><a href="#">Verison</a></li>
                <li><a href="#">Setting</a></li>
                @*<li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            Java <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">jmeter</a></li>
                            <li><a href="#">EJB</a></li>
                            <li><a href="#">Jasper Report</a></li>
                            <li class="divider"></li>
                            <li><a href="#">Separated link</a></li>
                            <li class="divider"></li>
                            <li><a href="#">One more separated link</a></li>
                        </ul>
                    </li>*@
            </ul>
            <ul class="nav navbar-nav navbar-left">
                <li><a href="#">Welcome @User.Identity.Name</a></li>
            </ul>
        </div>
    </nav>
    <div id="body">
        @RenderSection("featured", required: false)
        <section>
            @RenderBody()
        </section>
    </div>
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqueryBo")
    @Scripts.Render("~/bundles/hidePropaganda")

    @RenderSection("scripts", required: false)

</body>

在 firefox 和 chrome 中的结果:

enter image description here

更新:

jsfiddle

最佳答案

不要在正文中使用类 min1170px，而是像这样添加一个 div:

<body class="container adminBackground ">
    <div class='min1170px'>
        <nav class="navbar navbar-inverse" role="navigation">
         ....
        </nav>
    </div>
</body>

关于css - 使用 css 在 Firefox 中显示滚动条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24834005/

25 4 0
文章推荐： jquery - $.get() 在 .each() 循环中，获取 $.get 中的 $(this)
文章推荐： linux - 如何使用系统调用 "execvp"为另一个程序运行命令
文章推荐： linux - 如何读/写/etc/network/interfaces文件
文章推荐： linux - BASH Linux - 如何通过 echo 将 find 的结果传递到 mv 目的地
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com