如何從Zurb基金會刪除身體周圍的多餘空白

Question

我爲我的網站使用Foundation框架，並且在整個身體（陰溝）周圍還有一個額外的空白區域。要刪除我試過陰溝：

1. * {保證金：0;填充：0;}
2. 體{保證金：0;填充：0;}
3. 定製下載基金會與排水溝設置爲0

其中沒有一個適合我。可以做些什麼來消除額外的空白？

Here's the screenshot with gutter highlighted with red

Answer 1

這是最有可能不是一個保證金的問題，而是一個最大寬度的問題。使用DevTools，您可能會發現.row類的最大寬度爲62.5rem，我認爲這是標準寬度。 （我在一個修改了寬度爲72.5rem的網站上工作）。

我認爲如果你有普通的頁面內容，人們將不得不在大屏幕上閱讀，那麼保持這個限制的一些版本是個好主意。但是你可以安全的覆蓋它，你想要100％的寬度。

您可以通過添加一個覆蓋默認最大寬度的類並在樣式表中選擇具有足夠特異性的相關元素來完成此操作。

或者，您可以避免在要跨越頁面的外部容器上使用類.row。這使您可以選擇將行放入。例如，您可以通過這種方式讓您的藍綠色背景跨越頁面，但保持內容受限，並與以下基於網格的正常內容保持一致。

您可以閱讀更多關於基礎網格here的信息，包括如何通過SASS變量自定義行寬，如果您遇到這種情況。