CSS3中webkit-box布局页面实例_html/css
来源：动视网
责编：小采
时间：2020-11-27 16:02:41
CSS3中webkit-box布局页面实例_html/css
CSS3中webkit-box布局页面实例_html/css_WEB-ITnose:之前布局都是用float布局或者是display:inline-block;+width:**%；来计算，所以都不是真正意义上的流布局； 接下来的实例能完整的教给大家如何建立CSS3当中的流布局（以chrome为例） 三列自适应布局 .wrap { d
导读CSS3中webkit-box布局页面实例_html/css_WEB-ITnose:之前布局都是用float布局或者是display:inline-block;+width:**%；来计算，所以都不是真正意义上的流布局； 接下来的实例能完整的教给大家如何建立CSS3当中的流布局（以chrome为例） 三列自适应布局 .wrap { d
之前布局都是用float布局或者是display:inline-block;+width:**%；来计算，所以都不是真正意义上的流布局；
接下来的实例能完整的教给大家如何建立CSS3当中的流布局（以chrome为例）
三列自适应布局
1
2
3
如图：
三列布局，一列定宽，其余两列按1：2的比例自适应
200px
比例1
比例2
如图：
一个常见的web page 的基本布局
如图：
CSS3中webkit-box布局页面实例_html/css
CSS3中webkit-box布局页面实例_html/css_WEB-ITnose:之前布局都是用float布局或者是display:inline-block;+width:**%；来计算，所以都不是真正意义上的流布局； 接下来的实例能完整的教给大家如何建立CSS3当中的流布局（以chrome为例） 三列自适应布局 .wrap { d
