我在我的网站上使用了基金会框架，并且在整个身体周围有一个额外的白色空间（排水沟）。要删除我尝试过的阴沟：
这些都不适合我。可以采取哪些措施来消除额外的空白区域？
答案 0 :(得分：0)
这很可能不是保证金问题，而是最大宽度问题。使用DevTools你可能会发现你的import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ComposeComponent } from './compose/compose.component';
import { EmailDetailComponent } from './email-detail/email-detail.component';
import { InboxComponent } from './inbox/inbox.component';
import { ReplyComponent } from './reply/reply.component';
import { ReplyListComponent } from './reply/reply-list/reply-list.component';
import { EmailService } from './shared/email.service';
import { FormsModule } from '@angular/forms';
import {ReplyService} from "./reply/reply.service";
@NgModule({
imports: [
CommonModule,
FormsModule
],
declarations: [
ComposeComponent,
EmailDetailComponent,
InboxComponent,
ReplyComponent,
ReplyListComponent
],
providers: [
EmailService,
ReplyService
]
})
export class EmailsModule { }
export { EmailService };
类的最大宽度为62.5rem，我认为这是标准的。 （我在一个修改后的宽度为72.5rem的网站上工作。）
如果您拥有普通的页面内容，人们将不得不在大屏幕上实际阅读，我认为保留此限制的某些版本是个好主意。但是你可以安全地覆盖你想要100％宽度的地方。
您可以通过添加一个覆盖默认最大宽度的类，并在样式表中选择具有足够特异性的相关元素来实现。
或者，您可以避免在要跨越页面的外部容器上使用类.row。这允许您选择将行放入其中。例如，通过这种方式，您可以让您的青色背景跨越页面，但保持内容受限并与下面的基于网格的正常内容保持一致。
您可以阅读有关Foundation网格here的更多信息，包括如何通过SASS变量自定义行宽。如果您遇到这种情况。
