Question

我想用网格系统创建一个网站。（我已经制作了一个，所以我知道/知道它是如何工作的）

这是我的客户网格：http://grids.heroku.com/grid.css?column_width=100&column_amount=8&gutter_width=15

现在出现了问题：当我尝试将prefix_1作为一个类时，没有任何事情发生，它只是停留在同一个地方。我有一个prefix_1 grid_3和一个grid_4。所以它是1 + 3 + 4 = 8。我的网格是8列宽，所以它必须容易组合在一起，但事实并非如此。 http://jsfiddle.net/gekkeabt/5LA82/

<div class="container_8">
<span id="download" class="prefix_1 grid_3"><a href="#"><b>Download</b> Leasy CMS</a></span>
<span id="download" class="grid_4"><a href="#"><b>Download</b> Macha Webserver</a></span>
<span id="about" class="prefix_2 grid_4 suffix_2"><a href="#"><b>About</b> Me</a></span>
</div>

我检查了我的代码100次。但我找不到它出错的地方。

也许有人可以帮助我？

谢谢！

编辑：我通过在span之外的另一个div中定义类来解决前缀和后缀问题。所以它看起来像：

<div class="prefix_1 grid_3"><span id="download">The content....</span></div>

Answer 1

尝试删除

padding:10px 50px 10px 50px;

来自#download,#about CSS声明的行（或者至少是2 x 50px的水平填充）。

这是额外的填充，使元素比一行宽。

以下是没有该行的情况：http://jsfiddle.net/WHG4u/

Answer 2

请将此css添加到您的/css/custom.css，以便每次幻灯片更改时停止跳转页面

.avia-content-slider-active .slide-entry-wrap { height: 275px; }

网格无法正常工作

2 个答案: