Question

我想知道是否需要@include outer-container？

我注意到（表面上）的行为是否相同。但是，我意识到假设这可能会产生影响。

page.html with outer-container

<div class = "container">
    <div class = "box"></div>
</div>

page.scss with outer-container

.container {
    @include outer-container;
    .box {
        @include span-columns(6);
    }
}

page.html 没有外容器

<div class = "box"></div>

page.scss 没有外容器

.box {
    @include span-columns(6);
}

这两者导致创建宽度为页面一半的div的效果相同。那么@include outer-container是必要的还是没有？

不使用此可能会带来什么影响？

Answer 1

引用整洁的文档：

虽然是可选的，但建议使用外容器

清除浮动，使容器在视口中居中并设置最大宽度。以下内容：

.element {
    @include outer-container(100%);
  }

输出这个：

.element {
    *zoom: 1;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .element:before, .element:after {
    content: " ";
    display: table;
  }

  .element:after {
    clear: both;
  }

就我个人而言，我总是使用它们，因为您需要某种容器才能将span-columns放入

Bourbon Neat - 是否需要外容器？

1 个答案: