绝对定位影响问题

margin: 0px;padding:0px;

}

.wrap{

background:#ccc;height:160px;

}

.box1{

background:red;height:60px;

.box2{

background:blue;height:50px;

}

.box3{

background:green;height:40px;position: absolute;top:40px;left: 50px;

}

</style>

</head>

<body>

</div>

</body>

</html>

请问这个代码为什么box2 和box1 css样式都显示不出来，我把box2 和box1 都设置成相对定位，又可以，请问这是为什么？，因为绝对定位对兄弟元素也有影响吗？

短发是小丸子

2017-05-26

源自：网页布局基础 4-4

关注问题我要回答

870

操作

收起

1 回答

小白鼠丨回答被采纳 +3 积分
2017-05-26

.box1少了一个括号，还有注意代码书写格式，CSS样式不要写在一行，不利于排查BUG，也不利于别人理解你的代码

*{
	margin:0px;
	padding:0px;
}
.wrap{
	background:#ccc;
	height:160px;
}
.box1{
	background:red;
	height:60px;
}
.box2{
	background:blue;
	height:50px;
}
.box3{
	background:green;
	height:40px;
	position:absolute;
	top:40px;
	left:50px;
}
</style>
</head>
<body>
<div class="wrap">
	<div class="box1">box1</div>
	<div class="box2">box2</div>
	<div class="box3">box3box3box3</div>
</div>
</body>