骨架网格系统：使容器100％

是否有可能使根div（容器）100％的文档？
这里是我的代码：骨架网格系统：使容器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>

感谢

来源

2013-03-20 Creativity Paralyze

'div'总是100％（如果没有被覆盖）。 – 2013-03-20 19:52:14

您能否澄清您想要最终产品的样子？或者现在看起来像什么？ – brbcoding 2013-03-20 19:56:20

他使用了一个名为Skeleton的响应平台。他试图重写随Skeleton一起提供的容器类，以使其具有完整的浏览器宽度容器，而不是仅限于1140像素的容器。他需要定义自己的风格才能做到这一点，而不是压倒已有的风格。 – Michael 2013-03-20 19:58:06

你需要创建自己的容器类。我不知道骨骼响应平台的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; }

来源

2013-03-20 19:56:19 Michael

我知道这个问题被问年龄前，但骨架有这方面的工具类。

基本上将.u-full-width和.u-max-full-width类别添加到类别.container的任何<div>。

只要确保它与.container类<div>元素，因为它似乎不被意味着与.row或.column类<div>元素。

来源

2016-08-25 02:18:04 samuelkobe

我的Skeleton版本似乎已经太旧了，无法使用'.u-full-width'。幸运的是，CSS看起来很简单：'.u-full-width {width：100％;盒子尺寸：边框; }' – rinogo 2017-09-25 22:47:03

骨架网格系统：使容器100％

回答

相关问题