佈局填充中的奇異性佈局

我正在使用兩個網格跨度的主佈局，這兩個網格跨度用作內容和右側面板。然後，在內容上，我有三個網格跨度，即相同的列。就像這樣： 1.家長跨度：第一列6,6 2.兒童跨度：4和4和4佈局填充中的奇異性佈局

會發生什麼事，就是當我使用的網格跨度爲內容3列，那麼他們有填充，它們全部三個，並且最後一列的填充視覺上增加了父容器的填充以創建雙排水槽。

但是，當我使用浮動跨度時，那麼我們三個內容列中的最後一個沒有填充，並且在外觀上看起來比前兩列長。

是否有辦法讓所有3個子列的大小相同，並且第三列沒有填充，而不必使用css覆蓋入侵奇異點？

enter image description here

2014-06-24 Alexei Rayu

請在http://sassmeister.com上重現此問題，用您的鏈接更新您的文章，然後在評論中回覆。 –

在我的sassmeister，它按預期工作http://sassmeister.com/gist/7be2b0a8791bf105af54。在我的開發網站上，網格跨度增加了用於排水溝的填充，而不是使用邊距。看附件的截圖。結果，最後一列（子3）最終沒有填充（因爲它是最後一個）？並最終比前兩個更大。 –

您有一些樣式或配置會產生不需要的填充。仔細檢查你的風格。還分享'@debug $ singularity'的輸出。 –

這就是奇異的固定排水溝首先是如何工作的。

要將背景應用於不包括其填充的列，請使用子容器。

看到這個演示：http://sassmeister.com/gist/b2d957171427022de7c7

PS不嵌套的薩斯代碼。使用語義類直接處理元素。使用兩級深度來定位父母中的孩子， g .:

.parent 
    .child-1 
    +grid-span(1,1) 
    .child-1 
    +grid-span(1,2)

從來沒有使用三級深度，除非你有一個真正的好理由。

來源

2014-06-28 19:26:41

佈局填充中的奇異性佈局

回答

相關問題