流式布局，就是百分比布局，也称非固定像素布局通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充流式布局方式是移动web开发使用的比较常见的布局方式父盒子开启displayflex后；2流式布局 也叫100%布局宽度单位为百分比流式布局常用的设计模板左侧固定+右侧自适应，左右固定宽度+中间自适应优点可以适应不同尺寸的屏幕 缺点如果屏幕尺度跨度太大，那么在相对其原始设计而言过小或过大的；#流式布局流式布局是指所有元素都默认向左上角靠拢，通过调整元素相对位置来达到预期效果这种布局方式的优点是适应性强，可以在不同分辨率的设备上自适应调整缺点是元素位置取决于相邻元素的位置和尺寸，不够灵活；1固定宽度布局为网页设置一个固定的宽度，通常以px做为长度单位，常见于PC端网页2流式布局为网页设置一个相对的宽度，通常以百分比做为长度单位3栅格化布局将网页宽度人为的划分成均等的长度，然后排版布局；网页基本布局方式1流式布局 Fluid 流布局与固定宽度布局基本不同点 就在于对网站尺寸的侧量单位不同固定宽度布局使用的是像素，但是流布局使用的是百分比，这位网页提供了很强的可塑性和流动性2固定布局 Fixed；1灵活性不同静态布局毫无灵活性可言，目前已逐渐被淘汰自适应布局静态布局的升级版，因其强大的灵活性，已逐渐成为高端网页的代名词流式布局灵活性更高，可适用于其他三种网站布局响应式布局自适应布局的；流式布局更适合有字体的页面在流式布局中，虽然文本大小不会改变，但文本段落可以通过更改换行符来改变宽度 如果屏幕尺寸变化不大，可以考虑采用灵活布局它可以在不改变页面布局的情况下进行调整 事实上，有些页面采用了几种不同的；流式布局 流式布局大部分都是采用宽度适配，固定高度的方式也就是说，页面此次被横向拉长或缩小了 这样做的优点是页面可以适配屏幕的宽度，可以充分利用屏幕的面积，不至于出现大量空白的情况 其缺点是，当屏幕过于宽时，页面会被拉。

然后说PC端的，由于各个CSS框架的推进，基本上都是以12列或12的倍数网格布局为主了，然后网格布局又分为流式网格和固定宽度网格如总宽度设为960px前者通常用百分比来实现，并且已经计算和减去了所谓的“；C，flexbasis表示该子元素的初始宽度 4自适应布局为不同的屏幕分辨率定义的布局 @media媒体查询技术5流式布局宽高用百分比，按屏幕分辨率调整，布局不发生变化6响应式布局使用meta标签，宽高随窗口调整；css三种基本布局方式如下1流式布局css流式布局是将网页元素按照宽度自适应地排列2弹性布局是CSS3中新增的一种布局方式，通过设置容器元素的display属性为flex，来实现相应子元素的自适应布局3定位布局是通过；优点这种布局方式对设计师和CSS编写者来说都是最简单的，亦没有兼容性问题缺点显而易见，即不能根据用户的屏幕尺寸做出不同的表现二流式布局LiquidLayout流式布局Liquid的特点也叫quotFluidquot是页面元素；2流式布局 流式布局使用的是百分比，这位网页提供了很强的可塑性和流动性，与固定宽度布局基本不同点 就在于对网站尺寸的侧量单位不同屏幕分辨率变化时，页面里元素的大小会变化而但布局不变，这可能导致如果屏幕太大。

二流式布局 液体版面也称为“流体”的特点是页面元素的宽度根据屏幕分辨率进行调整，但总体版面不变代表性围栏系统网格系统例如，将主网页正文的宽度设置为80最小宽度设置为960px图像也被类似地处理宽度100%；答案CSS+DIV布局的常用方法有三种一 常规流式布局 元素按照自身的常规显示方式显示，有两个特点1元素按照自身HTML元素定义的位置显示怎么写的怎么显示2元素按照自身的常规显示特性显示，比如块级元素垂直。

流式布局 元素的宽高用 百分比 做单位，元素宽高按屏幕分辨率调整，布局不发生变化屏幕尺度跨度过大的情况下，页面不能正常显示响应式布局 采用自适应布局和流式布局的综合方式，为 不同屏幕分辨率范围 创建 流式布；让所有的div都浮动起来，就是一个流式布局所有inline属性的元素都是流式布局， 浮动后的元素都是inlineblock属性的，也一样；流式布局是百分比布局，也称为非固定像素布局通过将框的宽度设置为百分比，它可以根据屏幕的宽度进行扩展和收缩不受固定像素限制，内容向两边填充流式布局是移动web开发中常用的布局父框打开后displayflex，默认是不。