摘要： 圣杯布局和双飞翼布局是前端工程师需要日常掌握的重要布局方式。两者的功能相同，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局 虽然两者的实现方法略有差异，不过都遵循了以下要点： 1.两侧宽度固定，中间宽度自适应 2.中间部分在DOM结构上优先，以便先行渲染 3.允许三列中的任意一列成为最高列 阅读全文

摘要： html代码： 1.浮动+margin 2.绝对定位 缺点: 使用了绝对定位，若是用在某个div中，需要更改父容器的position。 没有清除浮动的方法，若左侧盒子高于右侧盒子，就会超出父容器的高度。因此只能通过设置父容器的min height来放置这种情况。 3.float+calc()函数 4 阅读全文