网格没有加起来,碰到下一行

时间:2013-08-16 14:36:40

标签: html css grid fluid

我基本上是复制粘贴HTML&来自TreeHouse课程的CSS并自行调整它以在1000px容器中容纳10列(而不是12列),并将它们更改为百分比。

在我将其更改为10列之前没事,所以可能是我的计算结束了。但我很确定这些数字是正确的。

http://theailona.com/alpha/http://cdpn.io/HjiKt

心灵借给我一双新鲜的眼睛? :d

1 个答案:

答案 0 :(得分:0)

您必须将display: inline-block添加到.grid_2.grid_8类。

默认情况下,display设置为block。这使得每个div都占据了它自己的路线。

这是一张图片 blocks #2,3,4 are <code>display: block</code>, while the inline blocks are lined up in the same line

块#2,3,4是display: block,而内联块排列在同一行