最新CSS设计彻底研究文档.ppt

第13课 固定宽度局 CSS排版观念—— 1-2-1布局 第13课 固定宽度局 1-3-1布局 第13课 固定宽度局 1-((1-2)+1)-1布局 第13课 固定宽度局 1-2-1布局实现方法 第13课 固定宽度局 1-((1-2)+1)-1布局实现方法 第13课 固定宽度局 魔术布局 第14课 可变宽度布局剖析与制作 单列布局 第14课 可变宽度布局剖析与制作 两列布局 第14课 可变宽度布局剖析与制作 三列布局 第14课 可变宽度布局剖析与制作 两列等比例布局 #header,#pagefooter,#container{ margin:0 auto; width：760px; /*删除原来的固定宽度*/ width:85%; /*改为比例宽度*/ } #content{ float:right; width：500px; /*删除原来的固定宽度*/ width:66%; /*改为比例宽度*/ } #side{ float:left; width：260px; /*删除原来的固定宽度*/ width:33%; /*改为比例宽度*/ } 第14课 可变宽度布局剖析与制作 两列等比例布局 第14课 可变宽度布局剖析与制作 两列等比例布局 第14课 可变宽度布局剖析与制作 1-2-1单列变宽布局 第14