知识库

知识解答

什么是流式布局(liquid layout)?如何用百分比实现多栏自适应,和固定布局怎么选?

流式布局（liquid layout）是用百分比等相对单位定义栏宽，让多栏布局随浏览器窗口宽度伸缩的 CSS 布局方式。它适合需要适配多种窗口宽度、又不想为每个断点单独写布局的页面；如果设计要求栏宽严格不变、或内容以固定尺寸素材为主，固定布局（px）更省...

什么是固定布局(fixed layout)?它与流式布局有什么区别,何时该用?

固定布局（fixed layout）指页面整体宽度和各栏宽度用 px 这类固定单位写死，不随浏览器窗口缩放而伸缩。它适合需要精确还原视觉稿、版式对齐要求高的页面；如果页面主要面向多种屏幕尺寸阅读，通常更应优先考虑流式布局（liquid layout）。P...

如何用布局生成器生成多栏 CSS 布局代码

在 Pagecolumn 的 Layout Generators 页面选择栏数（1 至 5 栏）和结构类型（嵌套、并列、留白式），再按需选择固定或液体布局，即可得到对应的多栏 HTML/CSS 布局代码。它适合需要快速搭出多栏骨架、又不想从零手写 CSS...