文章/答案/技术大牛

发布

问CSS多重divs溢出
EN

Stack Overflow用户

提问于 2012-07-24 16:48:19

回答 2查看 1.3K关注 0票数 0

我有一个包含10个div的示例，放置在一个容器中，在站点的页脚。这个网站将是一个响应性的网站，它也将在智能手机上工作。

在智能手机上，我想要做一个水平滚动视图，但我需要超越式的div(例如，4,5,6,7,8,9,10)被放置在视口之外的一排(我会把它们放进去)。使用来自这个jsFiddle的css，行中没有位置的div放在视口下，而不是同一行。如何将它们放在同一行中？

基本上，我只想要n个方块在视口，其余的，我会把它们放进去。

我试图手动完成这个操作，在jQuery中有滚动查看器插件吗？(不是jQuery手机)

jquery

html

css

mobile

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-07-25 16:00:56

我想你可能需要另一个包装盒。我见过的大多数滑块都会有一个带有overflow: hidden的div，里面是一个非常宽的div (至少足够宽到可以容纳所有的内容)。至于插件，我使用过jQuery工具几次

票数 1

Stack Overflow用户

发布于 2012-07-24 17:13:44

这是你的意思吗？

HTML

    <body>
        Content
        <div class="footer">
            <div class="footer_contents">
                    <div class="square selected">1</div>
                    <div class="square">2</div>
                    <div class="square">3</div>
                    <div class="square">4</div>
                    <div class="square">5</div>
                    <div class="square">6</div>
                    <div class="square">7</div>
                    <div class="square">8</div>
                    <div class="square">9</div>
                    <div class="square">10</div>
            </div>
        </div>
    </body>

CSS

.footer {
    height:50px; 
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    overflow: scroll;
    overflow-y: hidden;
}   

.footer_contents {
    height: 50px;
    width: 1000px;
    margin: auto;
}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11635590

复制

相似问题

问CSS多重divs溢出
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS多重divs溢出EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS多重divs溢出
EN