我是初学者，仍然无法理解布局的类型，CSS的整个布局架构。这似乎微不足道，但很难在互联网上搜索。我所见过的所有网站都将CSS布局划分为固定（或静态），流畅（或流动性）和响应式。例如，网格和弹性框是一种没有分类的外星人。
我认为这是：
响应或不响应 - 固定和流畅布局
自然响应 - 网格固定布局，网格流体，弹性框
我是对的吗？有人能解释一下我们这个时代的有效分类吗？
答案 0 :(得分：7)
已修复和流畅网页布局在多年后推出响应式布局方法之前已经过时。
十年前（约2002-2005），当浏览器已经很好地支持CSS2定位时，大多数网页仍然使用tables和spacer.gif进行布局（或者两个），在固定网页布局（使用硬编码宽度）和流体网页布局（使用基于百分比的宽度）之间进行选择是关键设计选择。
当Ethan Marcotte在his seminal 2010 article in A List Apart中介绍响应式网页设计的方法时，这是一种新方法：不仅页面宽度可以扩展和收缩的想法（与
在其他创新中，自适应还使标题（和其他文字元素）具有可更改的font-size和允许的元素，如菜单，可以在边栏中永久显示为最初只有当您点击菜单按钮时，隐形才会显示为可见的下拉菜单。
这使得响应比旧的流体更加复杂。
接下来是少数甚至更新的方法，作为响应的替代或补充。
一种方法被命名为自适应网页设计（由Aaron Gustafson在2011年创造的一个术语），该方法提出了少量（3-5）预定义的“对齐”布局代替响应式设计，其中不同的元素可能会随着viewport-width获得或丢失的每个像素不断地重新绘制自己。
另一种方法（也是2011年）被命名为 RESS （响应+服务器端 - 由Luke Wroblewski创造的一个术语），其中，取决于视口和/或设备在使用时，某些元素不会被隐藏，甚至不会从服务器上下载。
Flexbox 与上述设计方法和方法截然不同。它是一个CSS3模块，旨在为设计人员提供更多的二维布局功能，并使他们免受限制和困难，因为他们只使用（{有限的）{{1}工具集在页面上二维定位所有内容。 }，margin和padding。