您好，欢迎来到华佗小知识。
科技 教育 生活 旅游 时尚 美容 美食 健康 体育 游戏 汽车 家电
搜索
您的当前位置：首页CSS3中webkit-box布局页面实例_html/css

CSS3中webkit-box布局页面实例_html/css

来源：华佗小知识


之前布局都是用float布局或者是display:inline-block;+width:**%；来计算，所以都不是真正意义上的流布局；

接下来的实例能完整的教给大家如何建立CSS3当中的流布局（以chrome为例）

  • 三列自适应布局

    • 1

    2

    3


    如图：

  • 三列布局，一列定宽，其余两列按1：2的比例自适应

    • 200px

    比例1

    比例2


    如图：

  • 一个常见的web page 的基本布局

    • Header

    定宽200

    比例3

    比例1

    Footer


    如图：

    Copyright © 2019- huatuo0.cn 版权所有 湘ICP备2023017654号-2

    违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务