页面布局--浮动布局

  1. 页面整体布局--四大功能区
  • div#header 网站名称、logo
  • div#nav 导航条
  • div#main 主体内容

  • div#footer 版权、备案信息

    1. 主体内容区： 固定宽度
  1. 浮动布局：
  • float

  • 两列布局

    • 一列浮动、另一列自适应宽度外部留白

  • 三列布局

    • 两列浮动、另一列自适应宽度左右两侧留白

  1. 定位

    • 相对定位
    • 不脱离常规流，占据原始位置空间

    • 基于自身位置偏移

      • 绝对定位
    • 脱离常规流
    • 基于祖先元素的定位（距自身最近的包含定位属性的元素）

标签: none

添加新评论