absolute绝对定位

来源:2-12 position-fixed

Jin66

2020-03-30 11:13:10

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

写回答

3回答

好帮手慕言

2020-03-30

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

0
hin66
h 老师%得明白了谢谢
h020-03-30
共1条回复

好帮手慕言

2020-03-30

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

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

0
hin66
h 等于说不管这个相对定位在父级的那里,只要有就生效 比如 %设置宽度高度对吗老师
h020-03-30
共1条回复

Jin66

提问者

2020-03-30

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

<!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>


0

0 学习 · 40143 问题

查看课程