css骨架框架使所有列适合同一行

时间:2014-08-11 02:08:20

标签: css skeleton-css-boilerplate

我正在尝试使用骨架框架,但我感到困惑。这是我正在尝试使用的代码:

http://pastebin.com/ZcEAed0D

我甚至尝试在列的开头和结尾添加alpha和omega。但我剩下的就是这样:

http://imgur.com/En3QLA5

你看到第十六列悬而未决。它不应该能够在一条线上装入16列的东西吗?

如果我尝试其他组合,如十四和二等,就会发生这种情况。它会在页面末尾挂起。

我哪里错了?

列之间的宽度也可以调整,如果是这样的话怎么样?关于如何使用所有骨架特征的任何好教程?你是否只使用另外16列来做一个新的网格线?

感谢。

1 个答案:

答案 0 :(得分:1)

由于您要为每个列div添加1px边框,因此每个列容器的宽度应比应有的宽1px。默认情况下,边框会扩展容器的宽度。要解决此问题,您必须将以下CSS属性添加到“div”选择器,该选择器将包含边框到容器宽度计算中。

box-sizing: border-box;

有关框大小调整的更多信息:http://css-tricks.com/box-sizing/