(精)第04部分-CSS技术.ppt

1－3－1布局的CSS代码 #header,#pagefooter,#container{ margin:0 auto; width:772px; border: 1px dashed #FF0000; } #navi,#content,#side{ border:2px solid #0066FF; } #navi{ float:left; width:200px; } #content{ float:left; width:360px; } #side{ float:left; width:200px; } #pagefooter{ clear:both;} 综合布局实例 本部分内容 CSS基础 CSS属性值与单位 CSS文本修饰应用 盒子模型与标准流定位 背景的控制 相对定位与绝对定位 盒子浮动 CSS+DIV布局 本部分结束 （3）绝对定位 使用CSS属性position:absolute，在绝对定位下，元素的位置相对于“最近”的“已定位”的“祖先”元素。 已定位：position属性被设置且不是static。 祖　先：从该元素开始一直到根节点的所有元素。 最　近：距该元素距离最短的一个节点。 标准流中盒子的位置关系 使用了绝对定位后盒子的位置关系(2) 使用了绝对定位后盒子的位置关系(1)