Html 为水平滚动框强制非中断线？_Html_Css_Scroll

Html 为水平滚动框强制非中断线？

html css scroll

Html 为水平滚动框强制非中断线？,html,css,scroll,Html,Css,Scroll,仅使用CSS，我需要将黑盒（链接）排成一条完整的线，并且当链接线超过它时，容器（暂时命名为div.hurrdurr）需要有一个水平滚动条。我也不想有任何剩余的空间时，它的滚动。链接将动态更改，所以据我所知，我不能使用设置的宽度我只需要在最新的Firefox中使用它，因为这是我唯一用来显示页面的东西这就是我所拥有的： <!DOCTYPE html> <html style="width: 1000px;"> <head> <ti

仅使用CSS，我需要将黑盒（链接）排成一条完整的线，并且当链接线超过它时，容器（暂时命名为div.hurrdurr）需要有一个水平滚动条。我也不想有任何剩余的空间时，它的滚动。链接将动态更改，所以据我所知，我不能使用设置的宽度

我只需要在最新的Firefox中使用它，因为这是我唯一用来显示页面的东西

这就是我所拥有的：

<!DOCTYPE html>
<html style="width: 1000px;">
    <head>
        <title>Hurrr</title>
        <style>
            div.contain {
                background-color: #999999;
                height: 90px;
                width: 100%;
            }
            div.hurrdurr {
                background-color: #CCCCCC;
                white-space: nowrap;
                width: 100%;
                overflow: auto;
            }
            div.hurrdurr a {
                width: 60px;
                height: 20px;
                margin-right: 8px;
                margin-top: 4px;
                background-color: #333333;
                color: #CCCCCC;
                text-align: center;

                float: left;
                display: inline-block;
            }
        </style>
    </head>
    <body>
        <div class="contain">
            <div class="hurrdurr">
                <a class="durr">1/25</a>
                <a class="durr">2/25</a>
                <a class="durr">3/25</a>
                <a class="durr">4/25</a>
                <a class="durr">5/25</a>
                <a class="durr">6/25</a>
                <a class="durr">7/25</a>
                <a class="durr">8/25</a>
                <a class="durr">9/25</a>
                <a class="durr">10/25</a>
                <a class="durr">11/25</a>
                <a class="durr">12/25</a>
                <a class="durr">13/25</a>
                <a class="durr">14/25</a>
                <a class="durr">15/25</a>
                <a class="durr">16/25</a>
                <a class="durr">17/25</a>
                <a class="durr">18/25</a>
                <a class="durr">19/25</a>
                <a class="durr">20/25</a>
                <a class="durr">21/25</a>
                <a class="durr">22/25</a>
                <a class="durr">23/25</a>
                <a class="durr">24/25</a>
                <a class="durr">25/25</a>
            </div>
        </div>
    </body>
</html>


呼
包含{
背景色：#999999；
高度：90px；
宽度：100%；
}
赫德乌尔分区{
背景色：#中交；
空白：nowrap；
宽度：100%；
溢出：自动；
}
赫德乌尔a区{
宽度：60px；
高度：20px；
右边距：8px；
利润上限：4倍；
背景色：#333333；
颜色：#中交；
文本对齐：居中；
浮动：左；
显示：内联块；
}
1/25
2/25
3/25
4/25
5/25
6/25
7/25
8/25
9/25
10/25
11/25
12/25
13/25
14/25
15/25
16/25
17/25
18/25
19/25
20/25
21/25
22/25
23/25
24/25
25/25
<代码> > p>删除您的<代码>浮点：左< /代码>从您的代码> DIV.HurrDurr A/COD>中，这将使您滚动。
您应该总是考虑用问题发布您的代码（或至少部分）。非常感谢。我在谷歌上搜索了几个小时，尝试了不同的东西。我读到的几乎每一篇帖子都说float:left是解决方案。我想我没有考虑它到底适用于什么。再一次非常感谢。你让我高兴极了。