header会占据除去footer的所有高度，footer高度可以自己设置，默认是占满的。
讯享网
讯享网
这种一般用于非悬浮header，三明治结构，现在大部分都是这种了吧！main会占据除去header和footer的高度。
讯享网
两栏结构，也是常见布局了
讯享网
从这里开始，flex和grid的html元素就会出现不同了。flex默认他单向性的，它会将所有子元素在主轴上排列。则可以改变主轴的方向。
讯享网
这种结构也常用于博客吧，我以前写的主题就用的这种结构，但是 不是flex，是自己瞎鸡儿凑的。233…
aside和sidebar宽度可以自己定，main则会占据剩余的宽度
讯享网
header会占据除去footer的所有高度，footer高度可以自己设置，默认是占满的。
讯享网
这种一般用于非悬浮header，三明治结构，现在大部分都是这种了吧！main会占据除去header和footer的高度。
讯享网
两栏结构，也是常见布局了
讯享网
grid有好几种方式可以达到这个效果，比如命名线号，命名格子，都可以的，这里用最基础的，最基本的方式完成。
讯享网
讯享网
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/165493.html