页面布局--浮动布局

页面布局--浮动布局

1. 页面整体布局--四大功能区

• div#header 网站名称、logo
• div#nav 导航条
• div#main 主体内容

• div#footer 版权、备案信息

  1. 主体内容区： 固定宽度

2. 浮动布局：

• float

• 两列布局

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

• 三列布局

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

3. 定位

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

   • 基于自身位置偏移

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

×

R.tian

(๑＞ڡ＜)☆谢谢老板~

2元 5元 10元 50元 100元 任意金额

2元

使用微信扫描二维码完成支付