Css-Grid / Flexbox搁置，main不增长100%

Css-Grid和Flexbox是用于网页布局的两种常见的CSS技术。

1. Css-Grid（层叠样式表网格布局）是一种二维布局系统，可以将网页划分为行和列，通过定义网格容器和网格项来实现灵活的布局。它的主要特点包括：
   • 网格容器：通过设置display属性为grid，将元素定义为网格容器。
   • 网格行和列：通过设置grid-template-rows和grid-template-columns属性，定义网格的行和列的大小和数量。
   • 网格项：通过设置grid-row和grid-column属性，将元素放置在网格中的指定位置。
   • 优势：
   • 灵活性：可以自由定义网格的行和列，实现复杂的布局。
   • 响应式设计：可以根据不同的屏幕尺寸和设备自动调整布局。
   • 网格对齐和排序：可以通过设置对齐和排序属性，控制网格项的位置和顺序。
   • 应用场景：适用于需要复杂网格布局的网页，如新闻网站、电子商务网站等。
   • 推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），用于加速网页的加载速度和提供全球覆盖的内容分发服务。
   • 产品介绍链接地址：https://cloud.tencent.com/product/cdn

• Flexbox（弹性盒子布局）是一种一维布局系统，用于在一个方向上排列元素。它的主要特点包括：
  • 弹性容器：通过设置display属性为flex，将元素定义为弹性容器。
  • 弹性项：通过设置flex属性，控制弹性项在弹性容器中的大小和位置。
  • 优势：
  • 简单易用：相对于传统的布局方式，Flexbox提供了更简洁的语法和更直观的布局方式。
  • 自适应性：可以根据弹性容器的大小自动调整弹性项的布局。
  • 对齐和排序：可以通过设置对齐和排序属性，控制弹性项的位置和顺序。
  • 应用场景：适用于需要在一个方向上排列元素的网页，如导航菜单、图片展示等。
  • 推荐的腾讯云相关产品：腾讯云云服务器（CVM），提供可靠的云计算基础设施和弹性计算能力。
  • 产品介绍链接地址：https://cloud.tencent.com/product/cvm

总结：Css-Grid和Flexbox是两种常见的网页布局技术，它们分别适用于复杂的二维布局和简单的一维布局。腾讯云提供了相关的产品和服务，如CDN和云服务器，可以帮助开发者加速网页加载和提供可靠的云计算基础设施。