每页一个网格容器?

时间:2014-10-13 16:23:09

标签: html css grid-layout

所有网格CSS框架都有某种'容器'表示网格边界的类。

想象一下,我有一个页面:

  • 搜索表单
  • 搜索结果(动态加载)
  • 更多动态内容
  • 页脚

应该(A)我在一个网格容器内有上面的所有东西(即每页有一个容器);或者(B)最好将上述每个部分(即页面的逻辑部分)作为一个单独的容器,或者(C)可以有3个容器:标题,内容,页脚。

这种方法有什么不同,或者只是个人选择?我对这个话题没什么建议。

1 个答案:

答案 0 :(得分:1)

取决于项目以及设计要求。 "容器" class应该包含内容,任何超出该容器的东西都不应该在容器div中。

示例:

标题背景颜色延伸100%的屏幕宽度,但标题元素与容器左/右对齐。

标记看起来像:

<header><!-- this would be 100% width -->
 <div class="container></div><!-- this would be whatever your container max-width value is -->
</header>