摘要：1.使用浮动来设置二列布局利用浮动和块级元素实现的左侧宽度固定，右侧自适应宽度的布局方式 <div class="left">left</div> <div class="right">right</div> /* css */ .left { float: left; width: 100px; 阅读全文

摘要：1.单列布局（类似微博） <!-- html --> <div class="WB_frame"> ... </div> /* css */ .WB_frame { width: 1000px; margin: 0 auto; } 2.两列布局 一则固定，另一侧填充剩余宽度 !-- html --> 阅读全文

摘要：一 渲染引擎 影响解析生成DOM树的时间——标签数量和嵌套层级 影响到狗偶见渲染树的性能——样式匹配方式和布局与绘制的关系 在选择器的右边尽量使用具有唯一性的选择器，而不要使用标签选择器这类容易匹配的选择器 布局和绘制是按先后顺序执行，重新布局一定会进行重新绘制。而重新绘制不一定引起重新布局。 渲染 阅读全文