【CSS in Depth 2 精译_050】7.3 CSS 响应式设计中的流式布局原则（Fluid layout）当前内容所在位置（可进入专栏查看其他译好的章节内容）《CSS in Depth》新版封面响应式设计的第三个也是最后一个原则，即 流式布局（fluid layout）。流式布局，有时也称 液体布局（liquid layout），是指让所用容器的尺寸随视口宽度的变化而变化。它跟固定布局相反，固定布局的列都是用 px 像素或 em 为单位进行定义。固定布局下的容器（例如设置了 width: 800px 的元素）在小尺寸屏幕上可能会超出视口的宽度，导致页面出现水平滚动条；而流式布局下的容器则会自动缩小尺寸以适应视