absolute绝对定位

老师，这个绝对定位是相对于相对定位来的，那么如果我把一个div设置成相对定位，另外一个是绝对定位但是他们是在同一级里面是不是也不起作用呢，必须要将相对定位设置在绝对定位的父级里面才行呢？

Jin66 2020-03-30

源自：CSS定位（position） 2-12 position-fixed

收起

3回答

好帮手慕言回答被采纳获得+3积分 2020-03-30 17:50:40

同学你好，不管相对定位在哪个父级上，都是可以的。不是很理解同学提到的“%设置宽度高度”指的是哪里，可以详细描述下，老师帮助解答。祝学习愉快~

收起回答

Jin66 提问者 #1

老师%得明白了谢谢

2020-03-30 17:52:47

好帮手慕言 2020-03-30 14:48:37

同学你好，绝对定位是相对于有定位（除了静态定位以外的其他定位）的父级元素来进行定位的。以同学提供的代码为例，类名为tow的元素是相对于类名为noe的元素来定位的。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

收起回答

提问者 Jin66 #1

等于说不管这个相对定位在父级的那里，只要有就生效比如 %设置宽度高度对吗老师

2020-03-30 15:30:29

提问者 Jin66 2020-03-30 11:24:24

或者是说，必须要将绝对定位放在一个相对定位的子级元素里面才生效呢，不管是那个父级元素设置的相对定位都起作用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>testt</title>
		<style type="text/css">
			div{
				width: 100px;
				height: 100px;
				border: #14191E solid 3px;
				line-height: 100px;
				text-align: center;
		position:relative;
				
			}
			.noe{
				
			}
			.tow{
				width: 50%;
				position: absolute;
				left: 90px;
				border-color: #A52A2A;
			}
		</style>
	</head>
	<body>
		<div>
			A
		</div>
		<div class="noe">
			<div class="tow">
				C
			</div>
		</div>
	
	</body>
</html>

收起回答