好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS3flex布局应用介绍_html/css_WEB-ITnose

上一篇介绍了flex弹性盒子的语法,本篇用flex来实际布局一下。例如我们以前会用inline-block或float配合%百分比来实现自适应的三列等高布局。但margin / padding计算起来比较复杂,加加减减维护起来很麻烦。用flex弹性盒模型就简单多了。

首先弄出原始的HTML结构,左右侧边栏定宽220px

* { margin: 0; padding: 0; }#header, #footer { width: 100%; }#left, #right { width: 220px; }

查看更多关于CSS3flex布局应用介绍_html/css_WEB-ITnose的详细内容...

  阅读:36次