骷髏敏感網格破碎 - 柱子掉落

Question

所以，我剛剛開始玩弄Skeleton的響應式網格框架演示。

在我的演示頁面上，我嘗試將H1放入八列div，將按鈕放入八列網格中 - 這些都在16列容器內。

但是，按鈕會落在H1之下。

我真的不明白這是哪裏出了問題，如果有人能看到明顯的東西，那麼這將是最有幫助的。

Answer 1

好像文檔是有點不清楚 - 阿爾法和歐米伽需要添加到第一/最後一列來整理邊距。

Answer 2

您的問題與利潤率有關。所述.sixteen.columns（940px）的width似乎不支持兩個孩子是.eight寬的width和margin（[x 460像素×2]在寬度+ [10px的×4]在利潤率= 960px）。我對Skeleton知之甚少，不知道這是否是他們的問題，但似乎是這樣。

您需要確定您希望這些孩子如何反應。你可以輕鬆地做兩件事情之一，但它會如何影響你的「列」對齊會有所不同。

＃1減少所有兒童保證金

.sixteen > .eight.columns { 
    margin-right: 5px; 
    margin-left: 5px; 
} 

＃2保持的外緣和消除中心保證金

.sixteen > .eight.columns:first-child { 
    margin-right: 0; 
} 

.sixteen > .eight.columns:last-child { 
    margin-left: 0; 
}