css中的流体布局是指当网页缩小或放大时，网页布局会随着浏览器的大小而改变。流体布局的优势是如果用户的窗口很小，页面就会收缩以适应窗口，而不必横向滚动。
流体布局：
简单来说就是网页缩小和放大时网页布局会随着浏览器的大小而改变！
（学习视频分享：css视频教程）
优势：
立即学习“前端免费学习笔记（深入）”；
页面会伸展到整个浏览器窗口，所以即使在大屏幕上，页面的周围 也没有空白；
如果用户的窗口很小，页面就会收缩以适应窗口，而不必横向滚动；
即使用户设置的字体比设计人预设的更大，这种设计也可以适应（因为页面可以伸展）。
劣势：
如果不对页面各个部分的宽度加以控制，那么页面设计会和预期的效果大相径庭，例如某些项目或元素挤压到一起，其周围出现意想不到的空隙；
如果用户的窗口非常宽，文本行就会很长，以至于难以阅读；
YIXUNCMS中秋专版2.0.4
下载
系统介绍：YIXUNCMS中专专版是易迅软件工作室在中秋节来临之即推出的专题模板建站系统，使用增强版后台管控系统，板板设计符合节日特点。易迅软件工作室恭祝全国人民中秋快乐。特别提示：由于网站页面的不同设计，部分后台功能未在前端进行体现。系统特点：1、采用目前流行的PHP语言编写，底层采用超轻量级框架作为系统支撑；2、页面布局使用DIV+CSS技术，遵循WEB标准，及大提高页面的浏览速度；3、使用应
如果用户的窗口非常窄，单词可能会被挤压，导致每行只有几个单词；
如果一个固定宽度的元素位于一个不能容纳它的盒子里，那么这个元素就会溢出盒子。
举例：
下面的代码演示了流体布局，关键技术是设置宽度单位为百分比。
Liquid Layout
软件开发，成就梦想
学编程，上利永贞网
Logo
功能
第一列
第二列
第三列
相关推荐：CSS教程
