0

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

http://pastebin.com/ZcEAed0D

我什至尝试在列的开头和结尾添加 alpha 和 omega。但我剩下的看起来像这样:

http://imgur.com/En3QLA5

你看到第十六列挂在尽头。它不应该能够在一行中容纳 16 列的东西吗?

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

我哪里错了?

列之间的宽度也可以调整,如果可以,如何调整?关于如何使用所有骨架功能的任何好的教程?您是否仅通过使用另外 16 列来制作新的网格线?

谢谢。

4

1 回答 1

1

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

box-sizing: border-box;

关于盒子尺寸的更多信息:http: //css-tricks.com/box-sizing/

于 2014-08-11T04:45:35.693 回答