页面布局布局学习的三大核心，盒子模型、浮动和定位，即可帮助我们布局页面。

1.网页布局的本质

image.png
网页中的每一个块其实都是一个盒子，经典的布局就是上中下三个盒子，但是有了浮动和定位就可以根据需求在很多地方摆放不同的盒子了。
经典的块级元素标签，其实都是一个盒子，用来存放更多的其他元素的。
image.png
米哈游的新官网，其本质都是一样的。
image.png

2.盒子模型的组成

image.png
image.png
下图是经典的盒子元素布局图，也是在开发者工具中最常见的。
image.png
比如：开发者工具中的，position代表定位，四周都为0则代表在页面中心。蓝色的是内容的宽高，然后依次是内边距，边框和外边距。
image.png
米哈游官网的图标导航栏处的设置
image.png