弹性布局和百分比布局得区别

弹性布局和百分比布局都是前端开发中常用的布局方式，它们的区别主要在于实现方式和适用范围。

弹性布局（Flexbox）是CSS3中新增的一种布局方式，通过定义容器和项目的属性来实现自适应布局。在弹性布局中，容器会根据项目的大小和数量自动调整布局，使得项目在容器中自适应分布。弹性布局主要适用于单个容器内部的布局。

百分比布局则是利用CSS中的百分比单位来实现的，通过设置元素的宽度、高度、边距等属性为百分比值，使得元素的大小随着浏览器窗口的大小自适应变化。百分比布局主要适用于整个页面的布局，比如响应式设计。

总的来说，弹性布局适用于单个容器内部的布局，而百分比布局适用于整个页面的布局。同时，弹性布局相对来说更加灵活，可以更好地适应不同的布局需求。