摘要： 传统的页面布局 在flex出现之前，双列布局，三列布局，动态盒居中,绝对居中布局等常见的布局均是采用dispaly+float+定位来布局的，一般包括以下几种布局策略： normal flow(文档流:块级元素从上到下，行内元素从左到右) float + clear position relativ 阅读全文

摘要： flex布局具有便捷、灵活的特点，熟练的运用flex布局能解决大部分布局问题，这里对一些常用布局场景做一些总结。 web页面布局(topbar + main + footbar) 示例代码 要实现的效果如下： 图1 html代码： <div class="container"> <header>he 阅读全文