一. 双浮动法
原理: float不会完全脱离文档流,会占用原空间
二. 绝对定位法
原理: 左右绝对定位,脱离文档流 。 中间不设置宽度,只设置左右边距,自动撑满块级元素一行的剩余空间。
三. 弹性盒子
原理:flex:1 实际上是三个属性的简写 , flex:1; 等同于 flex:1 1 auto;。
简单的说,分别代表:剩余空间 容器缩小时压缩比例 最小宽度。
四. 网格布局 grid
五. 表格布局
六. css计算 、 JS计算
什么是网格自适应技术?
自适应网格法,简称AMR,最早是由Berger and Oliger于1984年提出的,是通过求解椭圆型方程的边值问题来数值生成网格的一种新方法。
它是在任意形状的区域上求偏微分方程的数值解的一种非常有效的工具。
该方法抛弃了等距均匀的差分网格,代之以能够自动地适应所研究问题中解的特征的疏密程度不均的曲线网格。
如在边界上计算网格与实际边界相重合,在区域内部可任意调节网格点的疏密程度等。