header会占据除去footer的所有高度，footer高度可以自己设置，默认是占满的。
这种一般用于非悬浮header，三明治结构，现在大部分都是这种了吧！main会占据除去header和footer的高度。
两栏结构，也是常见布局了
从这里开始，flex和grid的html元素就会出现不同了。flex默认他单向性的，它会将所有子元素在主轴上排列。则可以改变主轴的方向。
这种结构也常用于博客吧，我以前写的主题就用的这种结构，但是 不是flex，是自己瞎鸡儿凑的。233...
aside和sidebar宽度可以自己定，main则会占据剩余的宽度
header会占据除去footer的所有高度，footer高度可以自己设置，默认是占满的。
这种一般用于非悬浮header，三明治结构，现在大部分都是这种了吧！main会占据除去header和footer的高度。
两栏结构，也是常见布局了
grid有好几种方式可以达到这个效果，比如命名线号，命名格子，都可以的，这里用最基础的，最基本的方式完成。
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/rfx/60424.html