老师，为什么我的绿色块不能和蓝色重叠，而是和红色重叠。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>背景颜色</title>
<style type="text/css">
.one{
width:20px;
height:105px;
margin:5px;
background-color:red;
float:left;}
.two{
width:50px;
height:200px;
margin:5px;
background-color:blue;
float:right;}
.three{
width:20px;
height:105px;
margin:5px;
background-color:green;
float:inherit;}
</style>
</head>
<body>
<div class="one"></div>
<div class="two"></div >
<div class="three"></div>
</body>
</html>
正在回答
同学你好，inherit是继承父元素的浮动，而绿色盒子放的位置不对，蓝色盒子不是它的父元素，所以继承不到右浮动，不能与蓝色盒子重叠。它既然不是浮动元素，在正常的文档流中，是在左上角显示，所以与红色盒子重叠了。
它应该放在蓝色盒子里面，如下修改：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星