CSS定位布局1.pptVIP

定位布局练习 聊城大学传媒技术学院　王丽萍　 本章内容 定位布局相关概念复习 一 Csszengarden 网站作品 cssocean 三 Csszengarden网站 209 号作品 二 Csszengarden网站 088 号作品 四 定位（positon） 元素相对于参照物，按照 left、right、top、bottom 值定位。 定位的四种方式 : static、absolute、relative、fixed 取值 说明 参照物 position : static 静态定位 position : relative 相对定位 自己原来的位置 position : absolute 绝对定位 已定位的祖先元素 / 浏览器视口 position : fixed 固定定位 浏览器视口 position: relative; 相对定位的元素相对于它原来的位置进行定位。 相对定位的元素没有脱离文档流，只是按照 left、right、top、bottom 值进行了位置的偏移。 元素相对定位后，仍然在文档流中占据原来的空间。 元素相对定位后，如果不设置宽度，则宽度保持原来的大小。如果使用百分比设置宽度，则宽度根据文档流中父元素的宽度进行计算。 元素相对定位后，如果未设置 left、right、top、bottom 值，则保持原来位置，且对文档