html - 骨架网格系统：使容器 100%

Question

是否可以使根 div（容器）成为文档的 100%？
这是我的代码：

<div class="container" style="width:100%;">
    <div id="topbar" class="sixteen columns" style="background-color:green;">topbar topbar topbar topbar topbar topbar </div>
</div>

谢谢

Answer 1

我知道这个问题是很久以前问过的，但 Skeleton 有这方面的实用程序类。

基本上将.u-full-widthand.u-max-full-width类添加到任何<div>with class .container。

只需确保它位于<div>带有 class 的元素上.container，因为它似乎不适用于<div>带有.rowor.column类的元素。

Answer 2

您需要创建自己的容器类。我不知道骨架响应平台的 css 在我脑海中是什么样子的。我使用一个叫做 Columnal 的，我知道它是相似的，所以它应该是这样的......

.full-width-container {
width: 100%;
max-width: 100%;
clear: both;
margin: 0 auto;
}

正常的CSS应该是这样的.container { max-width: 1140px; width: 100%; clear: both; margin: 0 auto; }