abuanden的博客

目录结论提前说：流式布局（Liquid Layout百分比布局）自适应布局（Adaptive Layout）（使用媒介查询）响应式布局（Responsive Layout）（流式+自适应）弹性布局（rem/em布局）常用于手机端总结自：1、Html5移动端布局及(rem布局)页面自适应布局详解（转）2、移动端布局总结常见的页面布局方式有，静态布局 px布局流式布局（Liquid Layout） 主要的划分区域的尺寸使用百分数（搭配min-*、max-*属性使用)自适应布局（Adaptiv

目录BFC父元素设置伪元素after（常用）父级div定义 overflow:auto父级div 也一起浮动这里放一个公用的html代码 <div class="div"> <div class="box1"></div> </div>BFC给父元素盒子 overflow:hidden属性的方式撑高，来清除浮动 .div { overflow:hidden }优点：代码简洁缺点：内容增多的时候

目录SVG和Canvas的区别客户端存储方案Web StoragelocalStorage和sessionStorage的区别Web SocketSVG和Canvas的区别SVG 是一种使用 XML 描述 2D 图形的语言。Canvas 通过 JavaScript 来绘制 2D 图形。SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏

这里写目录标题两栏布局一栏固定宽度，一栏自适应一、左float，右margin-left二、左侧float:left; 右侧overflow:hidden；（推荐）三、利用绝对定位四、利用弹性布局（推荐）一栏不定宽，一栏自适应一、左侧float:left; 右侧overflow:hidden；（BFC）二、利用弹性布局（推荐）三栏布局一. 浮动布局二、绝对定位布局三、flex布局(推荐）四、网格布局（推荐）五、圣杯布局（float+负margin）六、双飞翼布局(推荐）两栏布局一栏固定宽度，一栏自适应