CSS相对定位和绝对定位

门槛

于 2014-05-16 18:04:50 发布

阅读量596

点赞数

CC 4.0 BY-SA版权

分类专栏： html+css

本文链接：https://blog.youkuaiyun.com/phpdadao/article/details/26000501

html+css 专栏收录该内容

14 篇文章

订阅专栏

本文详细解释了网页设计中相对定位和绝对定位的概念及其应用。相对定位是在元素原有位置上进行偏移，而绝对定位则根据父元素的top、left等属性定位。当父元素没有position属性时，绝对定位会参照最近的有position属性的祖先元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div id="test1">
	<p id="p1">相对定位是指元素在其正常位置，偏移某些像素</p>
</div>
<div id="test2">
	用绝对定位时，父元素要求有position属性才行，否则将衣服父父，父的父的...body，哪个祖先有position属性，相对哪个祖先，如果都没有，相对于body。
	<p id="p2">绝对定位是指相对于父元素的top，left，right，bottom来定位</p>
</div>

摘自：十八哥