凛家Dear Love L的博客

当我们在浏览浏览器的时候，常常会放大/缩小浏览器的显示比例，或者在不同的设备上，所处的分辨率也不尽相同。因此，我们需要学习一个新的知识：弹性盒模型。 弹性盒模型 实现项目对齐，方向，排序（即使项目大小位置动态生成），能够动态修改子元素的宽度和高度，具有良好的适配性。 如图就是弹性布局一个大概范围。 弹性容器属性 属性 说明 flex-direction

当我们在用CSS进行页面布局时，常常会遇到：三栏布局，两边顶宽，中间自适应且优先渲染。回想我们所接触过的QQ空间，人人网等个人主页时，常常会遇到此类的布局方式，因此我们应该如何解决？ 圣杯布局 圣杯是指一种常用的网页布局，可以由现有的技术（无一没有缺点）来实现，找到一种最优的实现方法就好像寻找难以捉摸的圣杯一样。 我们先贴出实现代码再来具体讲解： 圣杯布局