所有网格CSS框架都有某种'容器'表示网格边界的类。
想象一下,我有一个页面:
应该(A)我在一个网格容器内有上面的所有东西(即每页有一个容器);或者(B)最好将上述每个部分(即页面的逻辑部分)作为一个单独的容器,或者(C)可以有3个容器:标题,内容,页脚。
这种方法有什么不同,或者只是个人选择?我对这个话题没什么建议。
答案 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>