css控制排版过程中,经常一不小心就被搞得版面乱七八糟.其实只要弄清楚各个方法的含义即可
语法
position : static | absolute | fixed | relative
它们分别是静态（static），绝对定位（absolute），固定(fixed)，相对定位（relative）
比较常用的是absolute和relative
绝对定位（absolute）：将被赋予此定位方法的对象从文档流中拖出，使用left，right，top， bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位，如果对象的父级没有设置定位属性，即还是遵循HTML定位规则的，则依据 body 对象左上角作为参考进行定位。绝对定位对象可层叠，层叠顺序可通过 z-index 属性控制，z-index值为无单位的整数，大的在最上面，可以有负值（目前负值FF不支持）。
立即学习“前端免费学习笔记（深入）”；
相对定位（relative）：对象不可层叠，依据left，right，top，bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。
absolute脱离原来父级对象后，其位置会被其它对象填补，而relative则不会
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
360
收藏
