1. 首頁
  2. 問答
  3. 骷髏敏感網格破碎 - 柱子掉落

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

2012-07-03 34 views
-1

所以，我剛剛開始玩弄Skeleton的響應式網格框架演示。骷髏敏感網格破碎 - 柱子掉落

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

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

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

來源

2012-07-03 user319940

+0

您應該發佈代碼而不是鏈接到網頁。該頁面可能有一天會「消失」，並且如果他們有類似的問題，將來什麼都不留。 – ScottS

+0

不幸的是，這是一段代碼張貼起來（骨骼CSS是巨大的，並且HTML標記不是很小）。任何答案將是通用的，因爲骨架CSS是標準化的，它仍然是有意義的。使downvote相當愚蠢。 – user319940

+1

您需要提取的所有內容都是與您的問題相關的代碼。只要看看Firebug，你只需要幾個元素來複制標題代碼HTML，並且每個元素看起來都有2-4個與每個元素相關的樣式選擇器來重現佈局（你不需要發佈整個骨架CSS ）。一個常見的誤解是所有的代碼都必須存在，實際上通常只有一小部分代碼可以在[jsfiddle]（http://jsfiddle.net/）中重現問題，並將其張貼在問題中以供參考。 – ScottS

回答

4

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

來源

2012-07-04 12:30:52 user319940

+0

答案倒退了嗎？ ：S – user319940

0

您的問題與利潤率有關。所述.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; 
}

來源

2012-07-03 12:50:17 ScottS

相關問題

 相關問題