时间戳

首页 > 解决方案 > Bootstrap 3.4 容器流体不跨越全宽或显示滚动条

css - Bootstrap 3.4 容器流体不跨越全宽或显示滚动条

问题描述

如果我使用

<section>
    <div class="container-fluid ab-full-width" style="background-color: red;">
        SOME STUFF
    </div>
</section>

整个容器位于主中心柱内。

如果我添加这种风格：

.ab-full-width {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

它跨越了整个宽度，但现在显示了一个我无法摆脱的水平滚动条。“溢出-x：隐藏；” 没有帮助。

我已经阅读了数百个答案，但没有一个有效。如何使它跨越全宽但没有滚动条？顺便说一句，Bootstrap 版本是由 Concrete CMS v8 提供的，无法更改。

标签： csstwitter-bootstrap-3concrete5full-width

解决方案

推荐阅读