1. 您所在位置：
  2. 网站首页
  3. 文档分类
  4. 计算机
  5. Web服务

Web前端开发 课件 6.3 定位布局.pptx

Web前端开发 课件 6.3 定位布局.pptx

    静态网页

    设计

    第六章

    核心应用——排版布局

    定位布局

    定位布局的基本概念及其作用

    01

    是默认情况下的自然摆放

    上一节学习的可以向左或向右浮动的摆放

    基于特定的参照物精确调整元素的显示位置

    高级布局手段，可将元素摆放到页面的任意位置

    使用position属性设置定位模式

    定位模式及其适用情景

    02

    CSS中，定位流布局有五种模式：

    定位模式

    说明

    适用情景

    参照物

    static

    静态定位

    默认值

    1.普通流的自然定位，不需要做任何设置

    2.取消定位

    relative

    相对定位

    1.想参照自身位置进行微调，保留原来的占位空间

    2.想作为子元素定位时的参考对象

    元素自身

    absolute

    绝

    您可能关注的文档

    最近下载

    文档评论（0）

    1亿VIP精品文档

    更多 >

    相关文档

    更多 >