DIV+CSS定位之相对定位与绝对定位_html/css_WEB-ITnose

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则不会

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3089015.html

(0)
上一篇 2025年3月28日 10:14:43
下一篇 2025年3月28日 10:14:49

AD推荐 黄金广告位招租... 更多推荐

发表回复

登录后才能评论